Cara Membuat / Mengganti Favicon / Site Icon Blog

Saya akan berbagi bagaimana cara mengganti favicon pada blog:) sebelum itu, pertama-tama kita harus mempersiapkan gambar (bisa berupa ico atau gif) yg akan dijadikan favicon. bisa juga kita buat di http://www.html-kit.com/favicon/.




caranya :

• Kemudian klik tombol browse dan cari gambar dari komputer anda untuk dijadikan favicon.
  
• Klik tombol Generate FavIcon.ico.
• Klik link Download FavIcon Package.
  
• Anda akan mendapatkan file beformat .zip, extract file .zip tersebut.
• Upload favicon.ico atau animated-favicon1.gif  ke image hosting anda

 Setelah itu, berikut adalah cara untuk mengganti favicon pada blog:)

Cara Pertama;

1. Buatlah dan Siapkan gambar yang akan dijadikan favicon, persegi bujur sangkar misalnya ukuran 32x32 pixel atau berapapun yang penting harus persegi.

2. Masuk ke Rancangan > Tata Letak > Lihat ada kata Favicon di atas header, Klik link Edit.

3. Cari gambar dengan klik Telusuri lalu klik simpan.

4. Favicon blog sobat sudah berubah. hehehe

Cara kedua;

1. Masuk ke genfavicon.com  atau ke www.favicon.cc
 
2. Buat favicon di  situ. sebagai contoh saya akan membuat favicon di genfavicon.

3. Masukkan gambar baik lewat url gambar ataupun menguploadnya (disini saya menguploadnya) lalu Klik Upload image

4. Jika sudah diupload bisa Select Size untuk menentukan ukuran gambar. atau juga memotongnya/crop (crop & preview) sesuai tampilan yang kita inginkan.

5. Download favicon Image. Lalu upload ke hosting gambar, disini Saya menguploadnya ke google code.

6. Buka Dasbor > Menu Template > edit HTML > centang expand template, cari kode  <b:skin><![CDATA[. Lalu masukkan alamat url favicon blog yang telah di upload di hosting image tadi, tepat di atas kode  
<b:skin><![CDATA[.  diantara kode biru dibawah.

<link href=' masukkan alamat tempat hosting favicon ' rel='shotcut icon'/>

sebagai contoh lihat kode di bawah ini.

<link href='http://julak-project.googlecode.com/files/animated_Favicon.gif' rel='shotcut icon'/>
 <b:skin><![CDATA[

pada kode berwarna merah diatas, adalah alamat saya menyimpan/hosting gambar favicon blog ini.

7. Jika sudah klik pratinjau, lalu save template. Lihat perubahannya.

Sekian. semoga bermanfaat:)

sumber :

http://saddamzikri.wordpress.com/tag/favicon-animasi-lucu/

http://www.amronbadriza.com/2012/07/cara-mengganti-favicon-di-blog.html