Membuat Kode Favicon Untuk Blog Kamu

Apa itu Favicon? Favicon adalah gambar kecil yang akan mucul disebelah judul web/blog anda pada jendela/tabs browser. Seperti gambar dibawah ini nih...

Nah, diartikel ini akan dibahas bagaimana membuat favicon untuk web/blog kamu sendiri. Langsung aja yah. ^^

Sebelum mulai melakukan setting favicon kamu, kamu harus persiapkah gambar yang akan kamu gunakan sebagai favicon. Gambar ini harus dalam format .ico atau .gif jika kamu ingin animated favicon. Bagaimana mendapat gambar dengan format .ico  atau .gif? Kamu bisa convert sendiri file gambarmu yang berformat JPEG, PNG atau format non-ico lain dengan software peng-edit-an gambar yang kamu punya. Atau kamu bisa mengunjungi beberapa situs web yang menyediakan jasa convert format file gambar seperti ICO converter atau  Prodraw.net atau Dynamicdrive.com.

Setelah gambar kamu siap, kita mulai melakukan setting favicon di Blog kamu. Ada dua cara setting favicon, pertama lewat pengeditan html dan kedua lewat pengeditan elemen laman.

Pengeditan logo favicon melalui edit HTML:

• Pertama buka Pengaturan|Edit HTML
• Tekan Ctrl + F untuk mencari kode berikut:
  <link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
• Ganti YOUR-FAVICON-URL dengan alamat URL gambar icon yang telah kamu siapkan sebelumnya. Harap diingat! Untuk setting favicon melalui pengeditan HTML kamu perlu mengupload file favicon kamu ke hostweb tertentu yang akan menyimpan gambar kamu. Karena web generator yang disebut diatas tidak menyediakan jasa penyimpanan file favicon kamu. URL yang kamu masukan adalah URL tempat kamu mengupload file favicon kamu, bukan URL yang diberikan dari web generator. Karena file pada web generator akan terhapus dalam selang waktu tertentu sehingga URL akan menjadi tidak valid.
• Selesai! Kode favicon kamu akan muncul jika kamu membuka jendela/tabs Blog kamu.

Cara kedua dan yang lebih mudah adalah dengan pengeditan logo favicon melalui edit elemen laman. Untuk bisa melakukan pengeditan langsung favicon kamu dari pengeditan elemen laman, kamu harus log in dulu ke Blogger in Draft. Ini adalah design baru Blogspot yang masih dalam tahap pengembangan. Jika kamu log in ke Blogger in Draft kamu akan mendapat banyak keunggulan berupa fitur baru dalam elemen pengeditan Blogspot yang masih dalam tahap pengembangan. So, jika kamu mau gabung menjadi member Draft, buruan! 
Kembali ke Laptop, untuk kamu yang sudah gabung manjadi pengguna Draft setting favicon menjadi jauh lebih mudah. Caranya:

• Masuk ke Rancangan|Elemen Laman
• Diatas Navbar akan terlihat Elemen pengeditan Favicon. Seperti pada gambar dibawah:
  
  
  
• Klik edit, akan muncul jendela pengeditan Favicon
  
• Kamu bisa langsung upload gambar favicon kamu dari komputer langsung. Jadi tidak perlu adanya host web untuk menyimpan gambar kamu seperti yang diperlukan pada pengeditan Favicon sebelumnya.
• Selesai! simpan setelan kamu, maka logo favicon kamu sudah jadi. Seperti ini!
  

Silahkan Berkreasi dengan Kode Favicon kamu sendiri ^^ 
Pertanyaan atau komen dibawah yah!! ^^