Cara Mengganti Favicon Pada Blog

Posted by : Unknown Kamis, 09 Mei 2013

Pada post kali ini saya hanya berbagi ilmu blogger. Kali ini adalah tutorial cara mengganti favicon pada blog anda. langsung ke pembahasan

Favicon merupakan singkatan dari Favorites Icon. Favicon adalah gambar multi-resolusi yang disertakan pada hampir semua situs atau blog yang tampil pada address bar suatu situs atau blog dan merupakan logo dari blog tersebut.

Sebelum mengganti Favicon, tentunya sobat blogger harus memiliki gambar dulu. Gunakan gambar persegi yang ukurannya kurang dari 100KB. Kalau sobat blogger tidak memiliki gambar tersebut, silahkan download saja gambar di http://www.iconarchive.com atau http://www.iconj.com, disana sobat blogger bisa memilih gambar yang bisa sobat blogger jadikan Favicon blog sobat. Ingat, gambar yang akan digunakan, harus ukuran yang sangat kecil. Kalau sobat blogger sudah memiliki icon yang akan digunakan, ikuti langkah di bawah ini :

Membuat blog di bawah platform blogger.com, maka blog sobat blogger secara default memiliki Favicon seperti ini :

Jika sobat blogger membuat blog di bawah platform wordpress.com, tampilan Favicon dafault

terlihat seperti ini :

Cara mengganti Favicon dengan cara pertama

login dulu ke blog anda
Pada menu dropdown, klik layout
Klik edit pada gambar favicon

klik pilih file

Cara mengganti Favicon dengan cara Kedua

Login dulu ke blog anda
pada menu dropdown, pilih template
Klik edit HTML dan proceed
Cari code </head>
Tempatkan code ini sebelum </head>

Ganti text warna merah dengan url foto favicon anda
Save template

Kode yang saya berikan pada Cara kedua, membuat favicon sobat blogger tampil di media browser Google Chrome atau media Browser yang lain. Kode tersebut berbeda dengan kode-kode yang sobat blogger dapatkan di blog lain. Kalau sobat blogger menggunakan kode seperti ini :

Maka Favicon yang sudah sobat blogger ganti hanya tampil di media Browser Mozilla Firefox.

Sumber : Monfoort Blogspot