Customize favicon di Blogger Filed under ( Tips Blogging ) by admin

Mungkin hal ini sudah tidak asing bagi anda yang sudah lama bergelut dengan blogger, akan tetapi bagi yang baru atau sudah lama tapi ingin melakukan "polesan" di Blogger anda, bisa mengikuti langkah-langkah di bawah ini :

1. persiapan icon favorit anda yang sekiranya cukup menarik, entah itu gambar anda sendiri atau gambar-gambar icon yang cukup menarik menurut anda di internet, jika itu gambar anda rubah ukuran file menjadi 16x16,32x32,48x48 dengan format Gif/PNG. mengapa menggunakan 2 format diatas? karena file yang di hasilkan kecil sehingga tidak memakan bandwitdh browser anda.

sekiranya anda menggunakan gambar sendiri dan ingin merubah ukuran file, anda bisa menggunakan applikasi Picture Rezise Genius V2.9.4 untuk merubah ukuran dan format gambar.

2. Jika telah memiliki file icon yang anda maksud, lalu upload file di website penyedia jasa gratis untuk upload, seperti GooglePages,ImageShack,Photobucket.

Tapi dalam hal ini saya mencontohkan dari ImageShack.
-> Setelah anda upload image, lalu cari Option -> Image Detail "di samping data gambar".

-> Lalu pastikan data link yang anda ambil yaitu "Direct"

3. Lalu login ke Blogger, dan Pilih Layout -> Edit HTML.

Copy kode di bawah ini:

<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="animated_favicon1.gif" type="image/gif" />

lalu cari

<b:include data="blog" name="all-head-content"/>

dan copy-kan file persis di bawah-nya

lalu rubah file yang digaris bawahi dengan kode Direct HTML tersebut.

Click gambar untuk memperbesar
selamat mencoba.