√ Cara Membuat/Memasang Favicon & Animated Favicon Di Blog
Konten [Tampil]
Cara Membuat/Memasang Favicon & Animated Favicon di Blog
Favicon adalah logo yang ditampilkan di sebelah kiri domain url maupun di tab browser. Pengguna blogspot tentu saja mempunyai favicon default bawaan dari blogger. Hal ini tidak sama dengan wordpress dimana favicon secara otomatis sanggup digenerasikandi ubahsuaikan. Favicon menjadi identitas dari suatu blog alasannya yaitu merupakan ciri khas dan sanggup dibilang sebagai brand.
Gambar yang dipakai sebagai favicon berformat .ico menyerupai halnya format icon-icon yang biasa kita temui sebagai icon file ataupun folder di dalam PC. Format ini unik alasannya yaitu dimanapun beliau ditampilkan, gambar aslinya akan eksklusif terlihat tanpa membuka filenya (dan ini bukan preview menyerupai yang kita lihat di format lain contohnya jpg, tif, dan lain-lain saat ditampilkan di dalam folder). Untuk animated favicon anda sanggup memakai file gambar berformat gif.
Berikut langkah-langkah pembuatannya:
1. Siapkan gambar yang hendak anda jadikan favicon, atau anda sanggup mencarinya di situs-situs yang menyediakan gambar icon gratis. Anda sanggup pula mencari gambar favicon maupun animated favicon gratis. Gunakan keyword "free favicon/animated favicon image" di Google.
2. Untuk menciptakan file ico, anda sanggup memakai photoshop atau gunakan jasa situs generator ico gratis seperti:www.favicon.cc, www.favicongenerator.com, atau www.favicon.co.uk. Untuk animated favicon anda (gif) anda sanggup menciptakan animasinya di situs www.animatedfavicon.com. Upload file anda ke situs-situs tersebut, ikuti beberapa langkahnya, dan d0wnl0ad file hasilnya.
3. Upload file favicon anda ke situs hosting gambar yang mensupport gambar ico alasannya yaitu Blogger tidak mensupport upload gambar berformat ico. Lihat list situs terbaik untuk hosting gambar ico dan gif ini untuk mengupload favicon anda.
4. Copy terlebih dahulu direct link dari gambar yang telah diupload.
5. Kemudian masukkan url-nya ke script tag berikut ke bab antara <head> dan </head> di template HTML anda. Saya sarankan untuk dimasukkan sehabis meta tag biar cepat termuat oleh browser namun tidak mengganggu 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 memakai kedua-duanya dan berjaga apabila file gif gagal dimuat oleh koneksi yang sangat lambat, gunakan kedua file ico dan gif anda. Masukkan kedua tag dengan urutan sebagai 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!
