Cara Mudah Membuat Favicon Untuk Blogger

Sempat penasaran juga saat melihat blog orang lain yang menggunakan icon berbagai macam yang muncul di sebelah judul blog. Kayaknya asik juga nich kalo icon blogger diganti dengan gambar laen. Setelah nanya² sama Mbah Google, akhirnya dikasih tau juga. Gini nich caranya :

1. Siapin dulu gambar yang mo dipake. Usahakan ukuran panjang dan lebarnya sama. Misal 25x25 pixel.
2. Trus masuk ke http://www.htmlkit.com/services/favicon/.
3. Masukkin gambar yang mo dijadikan favicon kemudian klik tombol "Generate Favicon.ico".
4. Download Favicon Pakage dan kamu akan dapet file dengan ekstensi ico.
5. Upload file tersebut untuk mendapatkan url.
6. Masuk ke Rancangan - Edit HTML. Centang "Expand Template Widget".
7. Cari kode :

<title><data:blog.pageName/> ~ <data:blog.title/></title>

</b:if>

Masukkan kode di bawah ini tepat di bawah kode di atas

<link href='URL FAVICON' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

8. Simpan Template.

Untuk mendapatkan URL gambar, bisa menggunakan Imageshack. Ato bisa juga menggunakan blogger, karna tiap kita masukkin gambar pada postingan, pasti kita akan mendapat url gambar tersebut, dan bisa di lihat dari halaman "Edit HTML" disebelah "Compose". Contoh nya seperti kode di bawah ini :

<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-uReiJQJnD54/ThF780gS9eI/AAAAAAAAAKQ/0I64aDZqdCM/s1600/animated_favicon1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="16" src="http://1.bp.blogspot.com/-uReiJQJnD54/ThF780gS9eI/AAAAAAAAAKQ/0I64aDZqdCM/s320/animated_favicon1.gif" width="16" /></a></div>

Warna merah pada kode di atas adalah url dari gambar yang baru aja di upload. Biar ga' ribet kalo cuma mau upload gambar dan ngambil url, buat posting baru aja. Setelah dapet url nya, langsung hapus aja postingannya. Gampang kan?? Selamat mencoba dan mempercakep tampilan blog kamu..

---