11:45 PM
YauNi
Apa itu favicon? favicon merupakan logo yang ditampilkan disebelah kiri url dan juga pada tab browser. Pengguna blogger secara default telah memiliki favicon bawaan. Favicon merupakan identitas blog itu sendiri. Gambar yang digunakan untuk favicon berformat .ico sama seperti halnya format icon yang kita temukan pada komputer. Saya akan menjelaskan bagaimana cara mengubah/memasang favicon menggunakan gambar berformat .ico dan .gif .
Berikut langkah-langkah nya:
1. Pastikan kamu telah memiliki gambar yang akan dijadikan favicon, kamu dapat mencari gambar tersebut pada situs-situs penyedia gambar icon gratis. Silahkan gunakan search engine kesayangan kamu dan masukkan keyword "free animated favicon".
2. Kamu juga bisa membuat favicon menggunakan adobe photoshop. Atau kamu mau menggunakan situs penyedia generator favicon: http://www.favicon.cc/, http://www.favicon.co.uk/, http://favigen.com/, http://favicon-generator.org/, http://www.favicongenerator.com/. kalau tidak menemukan situs yang sesuai dengan selera kamu, silahkan search menggunakan search engine masukkan keyword faviocn generator.
3. Upload file yang sudah kamu buat/dapatkan ke situs hosting gambar. Karena kita tidak dapat upload gambar berformat .ico di Blogger. Ini ada beberapa situs yang dapat kamu gunakan untuk upload gambar favicon yang berformat .ico silahkan di lihat daftar hosting / upload gambar Favicon.
4. Masukkan kode berikut di antara <head> dan </head>
Kode Favicon format ico:
<link href='url gambar .ico kamu' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Kode Favicon format gif:
<link href='url gambar .gif kamu' rel='icon' type='image/gif'/>
Kamu dapat memasukkan kedua-duanya! Alasan? jika gambar format .gif gagal dimuat maka yang ditampilkan format .ico begitu sebaliknya.
Berikut kode nya:
<link href='url gambar .ico kamu' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='url gambar .gif kamu' rel='icon' type='image/gif'/>
Nb. Perhatikan tulisan berwarna merah url gambar .ico kamu dan url gambar .gif kamu diganti dengan URL gambar yang kamu upload di tempat hosting tadi.
5. Save template. Lihat hasilnya!
Note.
Thanks for reading! Suka dengan artikel ini? Kamu bebas menyebarluaskan, mau menggunakan sharing tool. Atau kamu mau co-pas, gunakan kode yang ada didalam text area sebagai sumber/link back artikel ini. Gunakan Etika!!
Posted in: Tips-Tricks Blog
-YauNi-
0 comments:
Post a Comment
Silahkan tinggalkan komentar sebagai respon atau untuk bertanya.
Jangan SPAM ya, No SARA, No P0RNo!
Mohon tidak meninggalkan link di dalam comments.
Komentar berisi LINK & tidak sesuai judul akan segera dihapus!