Ehm... Penampilan blog saya sedikit berbeda minggu ini. Mungkin ada yang bertanya-tanya dimana letak perbedaannya. Wah ternyata teman-teman tidak jeli nih :)
Coba deh lihat ada apa dibagian address bar? Yups, gambar kecil yang selalu menyertai blog ini sudah hilang. Gambar kecil berbentuk kotak warna oranye dengan tulisan huruf B putih. Sebenarnya gambar tersebut (biasa disebut favicon) sudah default bawaan dari blogspot, tapi juga sebenarnya bisa kita ganti loh. Bukan saya kurang ajar atau tidak memiliki rasa terima kasih kepada pemilik blogspot, tapi bukannya peraturan dibuat buat dilanggar (maksa...).
Sudah lama saya berkeinginan untuk memiliki favicon sendiri tapi baru sekarang terlaksana karena kesibukan dan lain hal yang memperlambat proses pembuatannya ;) Pertama saya bingung mencari gambar yang menarik (walaupun banyak tersedia di pasaran google gratis) tapi akhirnya piihan saya jatuh pada logo dari software blogging andalan, Windows Live Writer. Tapi entah kenapa favicon-nya tidak muncul di browser Chrome.
Susah nggak sih membuat favicon ?
Pasti sebagian blogger ada yang bertanya begitu. Jangan-jangan termasuk kamu, hayoo ngaku.... Iya kamu, eh ngapain nengok ke belakang, aku nunjuk kamu koq.
Kalau ada yang bertanya begitu baiklah akan aku coba jawab.... Tidak, malah mudah banget cukup punya waktu 10 sampai 15 menit (dengan catatan gambar sudah ada, bisa tokoh kartun atau fotomu sendiri).
Langkah pertama, kecilkan gambar yang akan dijadikan favicon menjadi 16 x 16 pixel. Kemudian simpan gambar tersebut kedalam format favicon.ico. Bisa memakai software IrfanView (download disini) atau memakai favicon generator online, seperti HTMLKIT (ini yang aku pake), lalu donlot hasil gambarnya.
Langkah kedua yaitu upload file favicon.ico ke server atau hosting gratisan (saya menggunakan ICONJ, info) lalu di generate, setelah kita mendapatkan path icon gambarnya, langkah selanjutnya ialah memasukkannya kedalam template kita melalui edit HTML (untuk pengguna blogger). Diletakkan tepat setelah tag <b:include data='blog' name='all-head-content'/> kemudian simpan template.
Langkah terakhir adalah hapus semua cache browser dan buka kembali blog anda maka favicon sudah terpasang manis disana. Selamat mencoba.
Sumber Inspirasi :
5 komentar:
cuma wat blo9spot ya..?
@wi3nd: Bisa juga buat Wp tapi caranya beda aja.
katanya bisa juga image di posting dulu tapi ga usah di publish ya,.. aku mau nyba yang in ach mudah2an bisa
sip..sip...sip.....
Poskan Komentar