Merubah icon Bloger pada Address Bar

Salah satu ciri dari blog mungkin bisa dilihat dari bentuk tampilannya dan Icon Blog tersebut. Icon ini berperan penting sebagai brand dari blog tersebut. layaknya Logo Facebook yang mungkin semua orang sudah paham bagaimana bentuk dan warnanya.

Walau sudah banyak yang memposting tentang bagaimana cara merubah Icon, tidak ada salahnya bila saya juga menambahkan informasi tersebut dengan cara saya. Pada posting kali ini kita akan membahas bagaimana cara merubah Icon Blog pada Address Bar anda yang berbasis Blogspot. berikut adalah contohnya :

Yang perlu anda sediakan adalah sebuah gambar yang bisa mencirikan blog anda. Gambar bisa berformat JPG, PNG atau bahkan GIF dalam bentuk animasi. Untuk hasil yang lebih baik, gambar tersebut sebaiknya berukuran 32x32pixel.

Pada blog ini saya menggunakan gambar huruf B tersebut. Gambar ini nantinya yang akan diletakan pada blog yang akan kita rubah tampilan Icon pada Address-nya. Langkah yang harus dilakukan adalah dengan mencari atau membuat gambar icon yang akan digunakan pada blog kita (saran saya sih lebih baik untuk membuat sendiri karena akan lebih identik dan tidak ada yang menyamai). Gambar bisa dibuat dengan Corel atau Adobe Photoshop. Jika gambar telah ada, lakukan langkah berikut :

1. Upload gambarnya (saran saya diphotobucket.com jika belum terdaftar di photobucket.com silakan register disini)
2. Setelah selesai upload akan muncul gambar anda dan ambil kode URL gambar anda. berikut adalah contoh URL gambar saya.

http://i771.photobucket.com/albums/xx351/agonaldo/Blog%20image/Untitled-2.png

3. Untuk memasukkan ke blog anda silakan kembali ke Dasboard blogger anda, masuk ke menu Design kemudian pilih Edit HTML, jangan lupa klik Expand Widget kemudian temukan kode berikut

</head>

4. Setelah itu letakkan kode dibawah ini diatas kode </head>

<link href='http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg' rel='SHORTCUT ICON'/>

ganti kode yang berwarna merah dengan URL gambar yang anda dapatkan di photobucket.com tadi
5. Kemudian save template dan liat hasilnya.

Terkadang kita tidak bisa langsung melihat perubahannya pada browser kita setelah menempatkan kode tersebut.untuk bisa langsung melihatnya, hapus history dari web browser anda terlebih dahulu. Selamat mencoba.