Mengganti Favicon di Blogger

Favicon adalah semacam icon yang akan muncul di address bar atau tab bar jikalau kita mengetikkan alamat blog/website kita. Untuk lebih jelasnya silahkan melihat gambar berikut ini.


Gambar di atas adalah gambar default favicon-nya Blogger. Tentunya kita ingin blog kita menjadi lebih personal dan unik sehingga lain dari yang lain. Salah satu caranya adalah dengan mengganti gambar favicon default blogger dengan gambar favicon anda sendiri. Caranya cukup mudah kok, yaitu:

1. Buat atau sediakan gambar atau favicon anda, sebaiknya gambar/icon yang akan anda gunakan untuk membuat favicon berukuran 16x16 pixel, tidak kurang dan tidak lebih agar hasilnya lebih maksimal. Format gambar untuk membuat favicon bisa .PNG, .GIF, .JPEG.

2. Upload gambar anda tersebut melalui form "post" di dashboard dengan meng-click simbol "add image" berikut ini (klik simbol yang dilingkari lingkaran merah).


3. Jangan Publish post tesebut, cukup klik "SAVE NOW" saja.

4. Lalu click "Edit HTML" pada post yang anda SAVE tadi (lihat gambar, klik untuk memperbesar).


Dan jangan lupa copy dan paste kode seperti yang diblock pada gambar di atas di aplikasi text seperti Notepad. Kode tersebut mungkin berbeda dengan milik anda, yang penting copy dan paste kode yang memuat nama file gambar favicon anda pada baris-baris terakhir. Lalu SAVE.

5. Setelah itu, klik menu "LAYOUT" trus pilih "Edit HTML" jangan lupa kasih tanda checklist pada "Expand Widget Template". (Klik gambar agar lebih jelas)


6. Cari kode <head> dan <b:include data='blog' name='all-head-content'/>

7. Lalu letakkan kode berikut ini di antara kedua kode tadi, jangan lupa ganti "URLDISINI" dengan kode yang sudah anda copy-paste-kan ke Notepad tadi

<link href='URLDISINI' rel='icon' type='image/vnd.microsoft.icon'/>

Lalu klik SAVE TEMPLATE.

8. Cobalah untuk mengetikkan URL blog atau website anda di browser. Bila favicon milik anda belum muncul, silahkan ikuti petunjuk berikut:

8.a. Silahkan kembali ke DASHBOARD lalu pilih menu "Layout"-"Edit HTML"-checklist pada "Expand Widget Templates"

8.b. Cari kode <b:skin> lalu letakkan kode <link href='URLDISINI' rel='icon' type='image/vnd.microsoft.icon'/> tepat di atasnya. Jangan lupa ganti "URLDISINI" dengan kode yang sudah anda copy-paste-kan ke Notepad tadi. Dan klik SAVE TEMPLATE.

9. Seharusnya Favicon anda sudah muncul, jika belum silahkan ber-YM-an dengan saya saat saya online atau meninggalkan pesan di kolom komentar di bawah ini. Selamat Blogging....:wave:

Reaksi: 
Friday, February 20, 2009 // Label: // 15 komentar //

15 komentar to "Mengganti Favicon di Blogger"

Silahkan bercuap-cuap ria di sini. Biar lebih seru, pakai smiley/emoticon dengan meng-copy paste-kan kode di samping kanan gambar smiley/emoticon yang diinginkan.

Post a Comment

Baca Juga ya...

Review omongopo.com on alexa.com

Chat and Talk

Berlangganan Artikel OmongOpo

Masukkan Alamat Email Anda:

Diantar Oleh FeedBurner

Blog Archive

Followers