15.9.11

Mengubah template blogger versi baru

Pada blogger versi terbaru, mungkin ada yang merasa bingung dengan tampilannya. Harus mengklik satu per satu bila ingin mengubah template ataupun pengaturan lainnya. Bagaimana mengubah template pada blogger versi terbaru?

Caranya sebagai berikut.

Klik menu Template.

clip_image002

Klik Backup/Restore.

clip_image004

Klik Pilih Berkas.

clip_image006

Pilih file xml lalu klik Open.

clip_image008

Klik Upload.

clip_image010

Tunggu proses upload.

clip_image012

Klik Close jika sudah berhasil.

clip_image014

Untuk mengedit HTML, masih di lokasi yang sama, klik Edit HTML.

clip_image016

Klik Proceed.

clip_image018

Centang Expand Widget Templates.

clip_image020

Berikut hasilnya setelah melakukan beberapa perubahan.

clip_image022

Sekali nulis status Twitter dan Facebook

Banyak cara sebenarnya menggabungkan status Twitter dengan Facebook. Twitter sendiri, secara resmi sudah menyediakannya. Tidak perlu menginstal aplikasi khusus di Facebook.

Cara menggabungkannya sebagai berikut.

Login ke Twitter di komputer lalu klik nama akun > Settings.

clip_image002

Pada tab Profile, klik Post your Tweets to Facebook.

clip_image004

Klik Sign in to Facebook and connect your accounts.

clip_image006

Jika belum login ke Facebook, masukkan username dan password. Klik Allow pada permintaan yang muncul.

clip_image008

Kembali ke halaman Twitter, kini kapanpun Anda nulis status di Twitter, akan otomatis muncul di Facebook, kecuali ada masalah di server salah satu atau keduanya.

clip_image010

Hasilnya seperti ini.

clip_image012

14.9.11

Menyesuaikan warna teks adsense dengan blog

Supaya serasi dengan warna teks di blog yang kita miliki, teks di iklan adsense juga sebisa mungkin sama dengan warna teks di blog. Kita bisa mencarinya di bagian HTML blog kita di bagian css. Kalau tidak paham kode css, kita bisa menggunakan Photoshop untuk mengetahui kode warna teks di blog kita.

Caranya sebagai berikut.

Buka halaman depan blog Anda lalu tekan Alt + PrtScr.

clip_image002

Buka Photoshop lalu tekan Ctrl + N, lalu tekan Ctrl + V.

Klik Eyedroper Tool (I).

clip_image004

Klik pada warna teks yang dipilih.

clip_image006

Double klik pallet warna.

clip_image008

Copy kode warna yang dihasilkan.

clip_image010

Paste pada pilihan warna teks di iklan adsense.

clip_image012

Hasilnya bisa langsung dilihat di bagian Preview.

clip_image014

Untuk kode warna lain, lakukan cara yang sama seperti di atas.

Adsense mendukung bahasa Indonesia

Sudah agak lama diluncurkan, tetapi saya baru memasangnya sebulan yang lalu. Meskipun sudah mendukung bahasa Indonesia, tetapi jika pengunjung blognya sedikit, iklannya kadang muncul, kadang tidak. Namun, jangan patah semangat, lakukan promosi dengan berbagai cara dan tempat, asal jangan “menyampah”.:)

Kita tidak perlu lagi masuk ke halaman adsense Google untuk membuat kode lalu memasangnya di blog. Blogger sudah menyediakan gadget adsense sehingga kita bisa langsung memilih dan mengaturnya di situ.

Caranya sebagai berikut.

Klik Layout.

clip_image002

Klik Edit pada kotak Blog Posts.

clip_image004

Ceklis Show Ads Between Post lalu pilih format iklan dan warna teks pada iklan (sebaiknya sesuaikan dengan warna teks yang digunakan di blog Anda). Jika sudah, klik Save.

clip_image006

Untuk di tempat lain, tambahkan gadget adsense lalu pilih dan atur iklan yang akan ditampilkan.

clip_image008

clip_image010

Untuk melihat pendapatan, masuk ke akun adsense Anda.

clip_image002[1]

Mengubah template blogger mobile

Setelah meluncurkan blogger versi mobile, disertai pula dengan pilihan template yang bisa kita gunakan. Namun, sampai artikel ini ditulis, baru ada enam template yang bisa kita pilih. Juga belum ada pilihan memodifikasi HTML template.

Cara mengubahnya, sebagai berikut.

Pada dashboard blogger versi baru, pilih blog yang akan diubah templatenya. Klik Template.

clip_image002

Klik ikon gerigi pada versi Moblie untuk mengubah template.

clip_image004

Untuk memilih template, klik drop down menu yang disediakan atau klik tanda panah pada thumbnail di sebelahnya.

clip_image006

Klik Preview untuk melihat hasilnya.

clip_image008

Ketika diakses di perangkat mobile (handphone), blog kita akan seperti ini.

clip_image010

Klik Save bila sudah yakin akan memilih template tersebut.

clip_image012

13.9.11

Editor nyaman posting pun nyaman

Website tidak terlepas dari konten. Supaya ketika menulis konten nyaman, tentu kita harus menggunakan editor yang memudahkan kita menulis, menyisipkan gambar, video, dan lain sebagainya. Pada Joomla!, kita bisa memilih editor sesuai kebutuhan. Pada Joomla! versi 1.5 ke bawah, biasanya menggunakan TMEdit. Namun, ketika artikel ini ditulis, pada versi 1.7 belum ada. Lalu, ekstensi apa yang bisa kita gunakan? Kita bisa menggunakan ekstensi JCE. Tampilannya seperti apa? Mari kita simak.

Instal komponen JCE pada Joomla! 1.7.

clip_image002

Pilih Editor JCE di Global Configuration.

clip_image004

Fiturnya lumayan lengkap.

clip_image006

Dengan editor ini, bagi Anda yang senang memublikasikan gambar, video, tabel, dan banyak fitur lainnya. Berikut ini beberapa editor bawaan Joomla! 1.7.

clip_image008

Editor CodeMirror

clip_image010

Editor TinyMCE.

Jika hanya posting tulisan dan gambar yang sederhana, menggunakan editor bawaan juga sudah cukup.

9.9.11

Mengatur SEO pada Joomla! 1.7

Setelah mengisi meta, selanjutnya kita juga bisa mengatur SEO supaya proses index oleh mesin pencari lebih optimal. Masih di halaman Global Configuration, kita bisa melakukan beberapa pengaturan tentang SEO. Misalnya, menampilkan nama website pada Title Bar.

clip_image002

Klik Save.

clip_image004

Hasilnya sebagai berikut.

clip_image006

Mengatur meta tag pada Joomla! 1.7

Saat menginstal, sekilas sudah saya jelaskan cara mengubah meta. Fungsinya supaya website yang kita buat, bisa dikenali dengan mudah oleh mesin pencari. Jika Anda ingin mengubah atau menambahkan beberapa kata kunci, caranya sebagai berikut.

Di halaman utama admin, klik Global Configuration.

clip_image002

Ubah sesuai yang Anda inginkan.

clip_image004

Klik Save.

clip_image006