Cara Membuat/Memasang Favicon & Animated Favicon Di Blog

 yakni logo yang ditampilkan di sebelah kiri domain url maupun di tab browser Cara Membuat/Memasang Favicon & Animated Favicon di Blog
Favicon yakni logo yang ditampilkan di sebelah kiri domain url maupun di tab browser. Pengguna blogspot tentunya memiliki favicon default bawaan dari blogger. Hal ini tidak sama dengan wordpress dimana favicon secara otomatis sanggup digenerasikandi ubahsuaikan. Favicon menjadi identitas dari sebuah blog alasannya yakni ialah ciri khas dan sanggup dikatakan selaku brand.
Gambar yang digunakan selaku favicon berformat .ico menyerupai halnya format icon-icon yang lazim kita jumpai selaku icon file ataupun folder di dalam PC. Format ini unik alasannya yakni dimanapun beliau ditampilkan, gambar aslinya akan pribadi terlihat tanpa membuka filenya (dan ini bukan preview menyerupai yang kita lihat di format lain misalnya jpg, tif, dan lain-lain saat ditampilkan di dalam folder). Untuk animated favicon  anda sanggup menggunakan file gambar berformat gif.

Berikut tindakan pembuatannya:
1. Siapkan gambar yang akan anda jadikan favicon, atau anda sanggup mencarinya di situs-situs yang menawarkan gambar icon gratis. Anda sanggup pula mencari gambar favicon maupun animated favicon gratis. Gunakan keyword "free favicon/animated favicon image" di Google.
2. Untuk menghasilkan file ico, anda sanggup menggunakan photoshop atau gunakan jasa situs generator ico gratis seperti:list situs terbaik untuk hosting gambar ico dan gif  ini untuk mengupload favicon anda.
4. Copy apalagi dulu direct link dari gambar yang sudah diupload.
5. Kemudian masukkan url-nya ke script tag berikut ke bab antara <head> dan </head> di template HTML anda. Saya sarankan untuk dimasukkan setelah meta tag mudah-mudahan cepat termuat oleh browser tetapi tidak mengusik meta.
Untuk favicon file ico:
<link href='url gambar .ico anda' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Untuk animated favicon file gif:
<link href='url gambar gif anda' rel='icon' type='image/gif'/>
Untuk menggunakan kedua-duanya dan berjaga apabila file gif gagal diangkut oleh koneksi yang sungguh lambat, gunakan kedua file ico dan gif anda. Masukkan kedua tag dengan urutan selaku berikut:
<link href='url gambar .ico anda' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='url gambar gif anda' rel='icon' type='image/gif'/>
6. Preview dan save.
7. Done!

Update:
Blogger sekarang sudah memiliki fitur Blogger Custom Favicon yg sanggup menyertakan Favicon secara otomatis dengan cara yg lebih mudah. Silahkan coba.

mencuri yakni pekerjaan pengecut! © buka-rahasia.blogspot.com

Related Posts