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:
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 download di internet 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 meninggalkan pesan di kolom komentar di bawah ini. Selamat Mencoba,,,,,......
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 meninggalkan pesan di kolom komentar di bawah ini. Selamat Mencoba,,,,,......
