Tampil menarik dengan favicon di blog anda

Selamat malam bloggers,

Baru aja ada yang bertanya ke saya bagaimana cara pasang favicon di blogspot. Hmm, saya langsung kepikiran untuk buat tutorialnya di sini. Walaupun sebenernya sudah banyak yang menuliskan cara-nya, tapi saya rasa tidak ada salahnya untuk ikut menjelaskannya di sini bukan? Itung - itung sebagai tambahan informasi untuk anda yang belum tahu caranya.

Untuk informasi, favicon adalah icon yang biasanya muncul di address bar dan biasanya merepresentasikan logo dari sebuah website.

Langkah pertama yang harus anda lakukan adalah menyiapkan sebuah icon berukuran 32x32 pixel. Formatnya bisa GIF maupun JPEG. Tapi saran saya lebih baik GIF karena anda bisa membuatnya terlihat tidak kaku karena format GIF mensupport adanya area transparan, bahkan bergerak (animasi).

Setelah menyiapkan icon pilihan anda, upload lah file tersebut ke server hosting yang anda miliki. Jika tidak punya, coba untuk menguploadnya ke TINYPIC.COM

TinyPic akan memberikan alamat URL icon anda setelah file tersebut selesai diupload. Save-lah alamat URL tadi *alamatnya ada di kolom DIRECT LINK*

Sekarang saatnya anda masuk ke kontrol panel BLOGSPOT anda. Bukalah pengaturan Layout, kemudian klik EDIT HTML.

Kodenya :

<link href='ALAMAT_URL_ICON_ANDA' rel='shortcut icon' type='image/x-icon'>

*ganti teks ALAMAT_URL_ICON_ANDA dengan alamat URL icon yang anda dapatkan setelah proses upload tadi*

Tekan CTRL+F lalu ketik </title>. Seharusnya sekarang pointer kursor anda sudah menuju lokasi menulis kode. Sekarang salinlah kode yang sudah anda ubah di atas. Pastikan bahwa lokasinya setelah teks </title>

Sekarang klik PREVIEW untuk mengecek apakah favicon blog anda sudah berubah. Jika sudah anda bisa mengklik SAVE untuk menyimpan konfigurasi. Namun jika ternyata belum, teliti lagi langkah di atas dan baca penyebab kemungkinan gagalnya usaha anda :

+ PENYEBAB KEGAGALAN YANG SERING TERJADI +
- Anda salah memasukkan alamat URL icon (atau malah lupa upload?wkwkkkw)
- Perhatikan tanda petik ' sudah benar belum
- Pastikan kode tersebut ditulis setelah tag </title>
- Iconnya berukuran lebih besar dari 32x32 pixel


Nah, ntuk anda yang malas membuat icon, silahkan kunjungi web ini :
http://www.zeldman.com/icon1.html

Di sana terdapat banyak icon siap pakai yang tidak perlu anda upload lagi untuk menggunakannya. Cara mendapatkan alamat URL-nya adalah mengklik kanan icon yang anda sukai, lalu pilih COPY IMAGE LOCATION. Kemudian ikuti petunjuk yang sudah saya tulis di atas.


Selamat mempercantik blog anda =)