Cara mengganti gambar favicon blog

Inilah langkah-langkah cara mengganti gambar favicon blog di blogger atau blogspot:

Buatlah dulu gambar yang akan dijadikan favicon. Pembuatan gambarnya boleh pakai aplikasi paint, coreldraw atau photoshop.

Kalau sudah selesai dan sudah jadi, simpanlah gambarnya di file dokumen komputer kamu dengan format jpg.

Selanjutnya buka situs favicon generator (situs pembuat gambar favicon) gratis berikut ini http://www.iconj.com/ !

Kalau halaman webnya sudah terbuka sempurna, cari kolom free favicon hosting seperti ini :

Lalu klik tombol perintah browse untuk mengupload gambar calon favicon yang telah kamu buat tadi.

Setelah calon gambar favicon kamu berhasil masuk, klik tombol perintah upload now! maka hasilnya akan seperti ini, favicon.ico successfully generated:

Copy direct link'nya dan pastekan di atasnya kode html </head> yang ada di kolom edit html halaman template blog kamu.

Lalu klik simpan template!

Buka blog kamu, maka gambar faviconnya pasti sudah berubah.

Seperti itulah langkah-langkah cara mengganti gambar favicon blog, mudahkan? selamat mencoba semoga berhasil.

Contoh blog atau website saya yang gambar faviconnya sudah berhasil saya ganti dengan gambar favicon kreasi/ buatan saya sendiri, klik disini!

NB :
Gambar favicon blog tidak berubah padahal gambar faviconnya sudah diganti.

Gambar faviconnya telah kamu ganti dengan cara mengikuti langkah-langkah seperti di atas, tetapi gambar favicon blog kamu tidak berubah, itu barangkali karena blog kamu itu kamu buka dengan browser google chrome, tetapi kalau blog kamu itu kamu buka dengan browser mozilla firefox, maka gambar favicon blog kamu sudah berubah.

Cara membuat gambar favicon blog supaya bisa muncul dibrowser google chrome :

1) .Gantilah dulu gambar favicon blog kamu seperti langkah-langkah di atas.
2). Setelah itu copy kode html untuk membuat gambar favicon dibawah ini :

     <link href='http://www.iconj.com/ico/m/4/m4pv4j4d4j.ico' rel='shortcut icon' 

     type='image/vnd.microsoft.icon'/>

    dan pastekan di atasnya coding <b:skin> yang ada dihalaman edit html blog kamu.

Supaya kamu lebih jelas, lihat gambar dibawah ini!

Gamabr letak kode html favicon di atasnya coding <b:skin>, perbesar gambar!

Terus klik tombol Simpan tema!

Selanjutnya buka halaman dashboard tata letak blog kamu!
Klik edit dan ganti gambar faviconnya!
Terus klik simpan setelan!

Supaya jelas lihat gambar dibawah ini!

Sekarang buka blog kamu dengan browser google chrome, lihat gambar faviconnya sudah berubah kan?

Kunci Rahasianya supaya gambar favicon blog kamu dapat muncul di browser google chrome adalah:

1. Di atasnya coding <b:skin> letakkan coding gambar favicon dibawah ini: <link href='http://www.iconj.com/ico/b/1/b1zs0v2huq.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
2. Di atasnya coding </head> letakkan coding gambar favicon dibawah ini: <link href='http://www.iconj.com/ico/b/1/b1zs0v2huq.ico' rel='shortcut icon' type='image/x-icon'/>

Ganti URL gambar favicon di atas yang seperti ini: http://www.iconj.com/ico/b/1/b1zs0v2huq.ico dengan URL gambar favicon blog kamu sendiri.

Contoh blog saya yang lainnya yang sudah berhasil saya ganti gambar faviconnya adalah blog cara daftar forex.

Catatan Penting Lainnya Seputar Cara Mengganti Gambar Favicon Blog:
Letak kode HTML <b:skin> template CONTEMPO adalah dibaris ke 9.
Supaya jelas lihat gambar dibawah ini!

Contoh Blog Yang Pakai Template Cotempo Yang Gambar Faviconnya Sudah Berhasil diGanti: Kursus Forex Magelang.

Seperti itulah caranya mengganti dan membuat gambar favicon blog bisa muncul di browser google chrome, selamat mempraktekkannya, semoga berhasil.