Apa itu Favicon?
Favicon adalah gambar berukuran kecil sekitar 16x16 pixel yang terlihat pada pojok kiri browser ketika kita sedang menjelah online ke sebuah situs tertentu. Favicon merupakan simbol penanda bagi suatu situs. Bagi sobat blogger wajib menggunakan favicon, karena sebagai penanda blog dan juga menambah nilai estetik blog sobat. Alasannya sangat jelas, situs besar semua pasti menggunakan favicon, seperti facebook, youtube bahkan mbah google sendiri.Secara default untuk blog dengan platform blogger sendiri, gambar faviconnya adalah huruf dengan gambar "B" dan untuk platform wordpress adalah gambar huruf "W", untuk lebih mudahnya berikut adalah contoh favicon untuk Dewa Inside Blog:
Terlihat favicon untuk blogger adalah gambar huruf "B" dengan latar orange dan untuk Dewa Inside Blog sendiri adalah gambar huruf simpel DI dengan latar biru muda.
Bagaimana cara membuat favicon blog?
Cara membuat favicon blog adalah dengan membuat gambar icon berukuran 16x16 px dengan menggunakan program seperti photoshop, corel draw ataupun paint. Formatnya tentu format gambar bisa berupa favicon.jpg, favicon.png ataupun favicon.ico. Cara paling mudah membuat favicon adalah dengan mencari gambar pada mesin pencari seperti google sesuai dengan kata kunci yang kamu inginkan, lalu diperkecil resize sesuai dengan ukuran favicon.Tapi bila Anda memiliki uang lebih dan memang menunjang bagi situs bisnis, tidak masalah untuk menyewa ahli web desain untuk membuat logo ataupun banner tentang situs bisnis Anda yang biasanya sepaket.
#UPDATE!
Favicon Blogger sekarang dapat dengan mudah di upload pada Tata Letak ---> Edit favicon dan upload file favicon.jpg atau format lainnya dan Simpan.
Membuat dan Upload Favicon Blog Eksternal (OLD)
Cukup dibaca tapi jangan di ikuti cara lama dibawah :
Langkah 1. Yang harus Anda punyai adalah Gambar. Bagi Anda yang menguasai software design grafis, Anda bisa membuat sebuah logo sendiri dengan Adobe Photoshop, Illustrator, CorelDraw, atau software yang Anda kuasai. Lalu ekspor ke .jpeg. Karena nantinya gambar Anda akan di setting ukuran dan formatnya dalam .ico dan .gif. Jika Anda tidak menguasai software grafis, anda bisa mencari gambar pada search engine atau foto yang ada di harddisk Anda.
Langkah 2. Lalu upload file tersebut ke website http://www.html-kit.com/favicon/ --> Browse --> Generate favicon.ico
Langkah 3. Anda edit dengan memasukkan Nama Blog
Langkah 4. Download favicon
Langkah 5. Extract file .zip lalu Anda Upload "favicon.ico" dan "animated_favicon1.gif" ke file hosting gratis seperti : www.ripway.com, www.photobucket.com, dll
Langkah 6. Sekarang, login ke Blogger. Pilih Tema ---> Edit HTML.
Copy kode dibawah ini dan Paste diatas kode </head>
Note:Langkah 5. Extract file .zip lalu Anda Upload "favicon.ico" dan "animated_favicon1.gif" ke file hosting gratis seperti : www.ripway.com, www.photobucket.com, dll
Langkah 6. Sekarang, login ke Blogger. Pilih Tema ---> Edit HTML.
Copy kode dibawah ini dan Paste diatas kode </head>
<link href='http://h1.ripway.com/didla08/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://h1.ripway.com/didla08/animated_favicon1.gif' rel='icon' type='image/gif'/><title><data:blog.pageTitle/></title>
Tulisan yang berwarna MERAH Anda ganti dengan alamat URL tempat Anda menyimpan file favicon Anda.
Langkah 7. Simpan Tema --> lihat blog Anda, kalau belum muncul, delete cache browsing history dari peramban kamu dan Refresh browser.
Selesai..
kok gak bisa gmana nich bang ??????
BalasHapusicon nya gak ganti .. tetep huruf B :(
@yog3 :bisa koq, buktinya saja icon saya terganti dengan huruf "D" kan?
BalasHapusmungkin ada yang salah. coba di refresh dulu browsernya.
thanks gan infonya
BalasHapus@Manz Dasilva : Ok gan sama - sama.
BalasHapusini dia yang saya cari2. makasih gan....
BalasHapusSama2 gan..
HapusTapi sekarang lebih mudah, Favicon sudah bisa langsung dimasukkan melalui Layout.
:k:
BalasHapusgoood post mampir yah ke www.setiawinny.blogspot.com
BalasHapus