2 Cara Mengganti Tampilan Icon Favicon di Blog

Juli 14, 2015

Selamat datang kembali, kali ini saya akan ngebahas tentang bagaimana Cara Mengganti Favicon (icon) di Blogger. Sebenarnya dahulu saya sudah memposting tutorial ini di sini, tapi seiring perkembangannya Blogger semakin mempermudah usernya untuk memodifikasi baik dari segi tampilan, posting ataupun lainnya termasuk juga untuk urusan Favicon ini. Jadi sekarang bisa dibilang caranya lebih mudah dibanding dulu yang harus mempir ke kode HTML dulu.
Kalau gitu langsung ke langkah-langkahnya aja yuk.

1. Tentu sobat harus Login dahulu di akun Blogger yang ingin kita modifikasi nanti, kemudian masuk ke halaman Dasbor.

2. Setelah masuk ke dasbor, pilihlah menu Tata Letak.

3. Dibagian atas tata letak, carilah kotak Favicon lalu klik edit.

4. Setelah mengklik edit, maka akan otomatis muncul jendela baru yang isinya seperti gambar ini.

Maka kliklah Pilih File.

5. Pilih file gambar yang nantinya akan dijadikan Favicon blog sobat, lalu klik Open.

6. Selesai, untuk melihat hasilnya restart dahulu browser Anda. Ini sebagai contoh hasilnya..

==============================================================

CARA KE 2

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.

mengganti favicon icon pada address bar di blogspot blogger

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.
kumpulan favicon untuk blogger