Menambahkan Favicon Pada Blogger

Favicon atau Favorite Icon adalah sebuah icon mungil yang muncul pada address bar. Tampilannya seperti ini.

Untuk memasang favicon. Terlebih dahulu Anda harus mempunyai sebuah gambar atau icon yang disimpan dalam format .GIF atau .PNG dengan ukuran 32x32 pixels.

Setelah Anda mempunyai icon. Upload iconnya ke image hosting. Banyak website yang menyediakan image hosting gratis. Seperti Shareapic, Photobucket, Imageshack dan lain-lain. Kalau saya sendiri mengupload iconnya di Photobucket.

Setelah iconnya diupload. Copy alamat URL dimana icon Anda disimpan. Login ke blog Anda. Klik Design -> Edit HTML. Cari kode yang dibawah ini:

<title><data:blog.pageTitle/></title>

Letakkan kode dibawah ini dibawah kode diatas

Jika iconnya disimpan dalam format .GIF, gunakan kode ini

<link href='alamat URL icon Anda' rel='shortcut icon' type='image/gif'/>

Jika iconnya disimpan dalam format .PNG, gunakan kode ini

<link href='alamat URL icon Anda' rel='shortcut icon' type='image/png'/>

Catatan:
Ingat ganti alamat URL icon Anda dengan alamat URL dimana icon Anda disimpan. Misalnya, http://i25.photobucket.com/albums/e80/user/favicon32x32.gif

Kalau sudah, klik Save Template. Jika berhasil akan muncul "Your changes have been saved". Klik View blog untuk melihat hasilnya.

Read more: DragonHackers Blogspot | Tutorial Blogger | Tutorial Internet | Tutorial Computer http://dragonhackthis.blogspot.com/ Under Creative Commons License: Attribution

Favicon atau Favorite Icon adalah sebuah icon mungil yang muncul pada <span class="IL_AD" id="IL_AD3">address bar</span>. Tampilannya seperti ini.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://dragonhackthis.blogspot.com/"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK7C7Ss97WLDxo34aWZW_ayDATwM4-ooqHpeE8lic8qjvdkzR_8oO_4fk-3-xSOzvCnb4XARLIqenVEmja5teVsPTEfeD-1ASx4R4BKHgLXakDXYUoasDEV2Ux089Bh1YYqwClADghnzs6/s320/jojo.jpg" width="320" /></a></div><br /> <br /> <br /> Untuk <a href="http://www.hermanblog.com/2008/10/cara-menambahkan-favicon-pada-blogger.html" target="_blank">memasang favicon</a>. Terlebih dahulu Anda harus mempunyai sebuah gambar atau icon yang disimpan dalam format .GIF atau .PNG dengan ukuran 32x32 pixels.<br /> <br /> Setelah Anda mempunyai icon. Upload iconnya ke image hosting. Banyak <span class="IL_AD" id="IL_AD5">website</span> yang menyediakan image hosting gratis. Seperti <a href="http://www.shareapic.net/ref.php?owner=her88" style="color: #000099;">Shareapic</a>, Photobucket, Imageshack dan lain-lain. Kalau <span class="IL_AD" id="IL_AD4">saya</span> sendiri mengupload iconnya di <a href="http://photobucket.com/" style="color: #000099;">Photobucket</a>.<br /> <br /> Setelah iconnya diupload. Copy alamat URL dimana icon Anda disimpan. Login ke <span class="IL_AD" id="IL_AD2">blog</span> Anda. Klik <span style="font-weight: bold;">Design</span> -> <span style="font-weight: bold;">Edit HTML</span>. Cari kode yang dibawah ini:<br /> <br /> <blockquote><span style="color: #3333ff;"><title><data:blog.pageTitle/></title></span></blockquote>Letakkan kode dibawah ini dibawah kode diatas<span style="color: #3333ff;"></span><br /> <br /> Jika iconnya disimpan dalam format .GIF, gunakan kode ini<br /> <br /> <blockquote style="color: red;"><link href='<span style="font-weight: bold;">alamat URL icon Anda</span>' rel='<span class="IL_AD" id="IL_AD1">shortcut</span> icon' type='image/gif'/></blockquote><span style="color: #999999;"><span style="color: black;">Jika iconnya disimpan dalam format .PNG, gunakan kode ini</span><br /> <br /> <blockquote style="color: red;"><link href='<span style="font-weight: bold;">alamat URL icon Anda</span>' rel='shortcut icon' type='image/png'/></blockquote><span style="color: #666666; font-weight: bold;"><br /> <span style="font-style: italic;">Catatan:</span></span></span><br /> <span style="color: #666666; font-style: italic;">Ingat ganti</span><span style="font-style: italic;"> </span><span style="color: red; font-style: italic; font-weight: bold;">alamat URL icon Anda</span><span style="color: #666666; font-style: italic;"> </span><span style="color: #666666; font-style: italic;">dengan alamat URL dimana icon Anda disimpan. Misalnya, <span style="color: red;">http://i25.photobucket.com/albums/e80/user/favicon32x32.gif</span></span><br /> <br /> Kalau sudah, klik <span style="font-weight: bold;">Save Template</span>. Jika berhasil akan muncul "Your changes have been saved". Klik <span style="font-weight: bold;">View blog</span> untuk melihat hasilnya. <br/> Sumber: <a href='http://dragonhackthis.blogspot.com/2011/07/menambahkan-favicon-pada-blogger.html'> Dragon Hack </a>