Beberapa hari yang lalu saya lagi mengutak-atik website teman. Kebetulan saya diminta untuk membuatkan dan mensetting sesuai dengan yang dia inginkan. Maka sayapun menginstall website tersebut. Biasanya saya menginstal dengan CMS wordpress atau joomla, cuman terkadang untuk website yang berbasis joomla atau wordpress, agak ribet jika mesti merubah-merubah warna dan tampilan, karena code dan formula nya sudah terintegrasi sedemikian rupa. Akhirnya sayapun memutuskan untuk menggunakan website yang berbasis HTML saja. Lebih mudah mengeditnya dan lebih simple.
Nah kemarin ceritanya itu website teman dah kelar, tapi ada yang kurang. Yakni favicon, tau favicon kan? itu lho... gambar kecil yang muncul di tab browser kita. Jadi favicon itu biasanya gambar ukuran kecil dari logo perusahaan, jadi ya representasi dari perusahaan itu sendiri. Yup, berasa gimanaa gitu kalo website tanpa favicon, seperti sayur lodeh tanpa ikan asin. hehe.
Akhirnya sayapun menambahkan favicon ke website teman tersebut. Untuk menambahkan favicon di website berbasis HTML sih, gampang banget ya. tinggal masukkan kode berikut setelah tag <head>
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
Terus gambar favicon nya taruh di root. "Root itu tempatnya file index.html berada". Nah, itu type nya tinggal dirubah aja. Jika format gambar anda .ico maka rubah jadi "image/ico", jika format gambar nya png maka biarkan saja. Terus nama web silahkan diedit sesuai dengan nama website anda. Misal nama website anda zanozone.com maka ganti jadi href="http://zanozone.com/favicon.png". Okay? Gampang kan? Silahkan dicoba sob. Moga bermanfaat ya
Tidak ada komentar:
Posting Komentar