Taukah kamu apa itu favicon? Itu loh, kalau kamu menggunakan blogger maka favicon kamu akan tampak seperti logo blogger yang berlambangkan huruf B berwarna putih dan dikelilingi oleh background berwarna orange pada header bar. Mengerti? Kalau masih blom tau juga apa itu favicon bisa melihat screenshot di bawah ini.


Nah, Untuk merubah icon blogger pada header bar ada dua cara yaitu

1. Dengan menggunakan kode HTML biasa

Langkah 1 : Masuk ke blogger
» Pada Dashboard pilih Design» Edit HTML » Centang Expand Widget
 
Langkah 2 : Cari kode </b:skin> agar lebih mudah mencarinya tekan CTRL+F

Langkah 3 : Letakkan kode dibawah ini setelah kode </b:skin> tadi

<link href='http://lh3.ggpht.com/_IjrRiI_bVb0/S0PpDWACG2I/AAAAAAAACsM/BjkmQ_vjJ-8/FavHeader.gif' rel='shortcut icon'/>

Langkah 4 : Save Template kamu

Catatan: Kode link yang berwarna merah itu adalah link lokasi gambar itu terletak. Kode itu bisa kamu ganti sesukamu. Tapi ingat ukuran gambarnya harus di sesuaikan.

2. Dengan Menambahkan kode JavaScript

Langkah 1 : Masuk ke blogger » Pada Dashboard pilih Design» Edit HTML » Centang Expand Widget
 
Langkah 2 : Cari kode </body> . Biasanya kode itu terletak dibagian paling bawah.

Langkah 3 : Letakkan kode dibawah ini sebelum kode </body> tadi

<script type="text/javascript">

//<![CDATA[

/******************************************

Header Link Icon 2.0

Favicon (C)2009 by Vebyo Arson
visit http://hitsuke.blogspot.com to get more cool hacks

********************************************/
//HEADER LINK ICON
var shortc = document.createElement("link");

shortc.rel = "SHORTCUT ICON";

shortc.href = "Image_Source/FavHeader.gif";

document.getElementsByTagName("head")[0].appendChild(shortc);


</script>

Langkah 4 : Ganti kode yang dtebalkan dengan warna merah dengan link gambar yang kamu inginkan.

Langkah 5 : Save Template