Thursday 22 September 2011

Cara Mengganti Favicon

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://i227.photobucket.com/albums/dd2/empire_of_us/LDII/LogoLDII.jpg' 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.

No comments:

Post a Comment