cara mengganti favicon blogger
Home »
Tips and Tricks
» cara mengganti favicon blogger
Hai semua, pada postingan kali ini kita belajar cara mengganti favicon blogger. Sebelumnya apa sih favicon itu? Nih Sunu kasih tahu favicon itu apa, Favicon adalah icon yang terdapat pada Address Bar browser kita.
Secara umum, favicon default blogger biasanya nampak seperti ini.
Menurut Sunu pribadi hal ini kurang menarik, dan selain itu icon favicon pada address bar juga berfungsi sebagai ciri / identitas dari sebuah situs. Pasti pengen kan biar blog kita terlihat lebih keren dan profesional? Baiklah langsung saja kita untuk mengganti favicon ini.
Untuk mengganti favicon ini caranya cukup mudah, kita hanya menambahkan kode ke dalam template blog kita.
Caranya:
1. Login Blogger
2. Pada Dasbor pilih -> Template -> Edit HTML.
3. Setelah itu cari kode </head>.
4. Kalo udah ketemu, masukkan kode ini diatas kode </head>
5. Ganti ALAMAT GAMBAR ICON dengan URL gambar. Jadi hasilnya bakal seperti ini.
Itu hanya contoh saja, untuk iconnya terserah kreasi kamu aja, Sunu cuma kasih dasarnya saja seperti yang Sunu tahu.
Kalau kamu bingung ataupun malas untuk mencari gambar icon, ini Sunu sekalian kasih URL link gambar yang siap pakai.
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif
Secara umum, favicon default blogger biasanya nampak seperti ini.
Menurut Sunu pribadi hal ini kurang menarik, dan selain itu icon favicon pada address bar juga berfungsi sebagai ciri / identitas dari sebuah situs. Pasti pengen kan biar blog kita terlihat lebih keren dan profesional? Baiklah langsung saja kita untuk mengganti favicon ini.
Untuk mengganti favicon ini caranya cukup mudah, kita hanya menambahkan kode ke dalam template blog kita.
Caranya:
1. Login Blogger
2. Pada Dasbor pilih -> Template -> Edit HTML.
3. Setelah itu cari kode </head>.
4. Kalo udah ketemu, masukkan kode ini diatas kode </head>
<link href='ALAMAT GAMBAR ICON' rel='icon' type='image/x-icon'/>
5. Ganti ALAMAT GAMBAR ICON dengan URL gambar. Jadi hasilnya bakal seperti ini.
<link href='http://static.cbox.ws/smilies/1/biggrin.gif' rel='icon' type='image/x-icon'/>
Itu hanya contoh saja, untuk iconnya terserah kreasi kamu aja, Sunu cuma kasih dasarnya saja seperti yang Sunu tahu.
Kalau kamu bingung ataupun malas untuk mencari gambar icon, ini Sunu sekalian kasih URL link gambar yang siap pakai.
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif
- www.artikelkomputeraku.blogspot.com
makasih gan izin coba
ReplyDeleteiya tpi ada yang gak bisa.
ReplyDeleteaternatif nya pakai ini gan