Cara Pasang Gambar Logo Favicon
Posted in Css3, Image, Menu
Sebelum kita mempelajari cara memasang Logo Gambar Favicon pada website atau blog,
terlebih dahulu kita pelajari apakah favicon itu ? Favicon adalah
Gambar logo yang tertera pada sebelah kiri bagian address bar pada suatu
browser . Favicon juga dikenal dengan sebutan shortcut icon, website
icon, URL Icon, bookmark icon yang berbentuk gambar icon kecil dengan
ukuran 16 x 16 pixel . Pada browser Logo favicon ini biasanya
ditampilkan pada address bar atau Bookmark menu.
Dengan memiliki favicon pada blog atau
website kita, tentunya favicon ini ini bisa kita jadikan ciri khas atau
identitas dari blog atau website kita. Favicon biasanya berformat .ICO ,
File gambar .Gif atau gambar dengan format .PNG. Ukuran yang support
digunakan biasanya gambar dengan ukuran 16 x 16, 32 x 32 atau 48 x 48
px.pixel, dengan Color Depth 8-bit, 24-bit atau 32-bit.
Bagaimana cara memasukan Gambar logo
tersebut agar bisa menjadi favicon blog atau website kita ? Berikut ini
langkah langkah nya :
Persiapkan logo gambar yang akan kita
gunakan sebagai favicon dengan format gambar dan ukuran seperti yang
telah saya jelaskan di atas.
Untuk membuat gambar favicon Anda juga bisa menggunakan software Icon Easy Maker yang bisa anda dapatkan di :
http://www.icon-maker.com/download.htm
Atau software Image Editor lain seperti Photosop ACDC dan sebagainya yang support untuk membuat file ICO, GIF atau PNG
Selain itu untuk membuat favicon juga bisa memanfaatkan layanan secara online antara lain :
http://www.favicon.cc/http://www.favicongenerator.com/
http://www.animatedfavicon.com/
Langkah 2 :
Upload gambar tersebut pada root
webhosting kita (di sarankan) , atau juga anda bisa meng uploadnya pada
Image hosting lain. Dan catat dapatkan URL dari favicon kita tersebut.
Langkah 3 :
Kemudian persiapkan script tag favicon yang akan kita masukan dengan format script sebagai berikut :
<link rel=”shortcut icon” href=”URL link favicon anda” />Contoh :
<link rel=”shortcut icon” href=”http://www.esc-creation.com/favicon.ico” />
Langkah 4:
Masukan script tag favicon tersebut pada bagian header script template website pada blog kita yaitu di antara bagian <head> dan </head>
Pada wordpress
anda bisa memasukan dengan menggunakan menu Themes editor yaitu pada
menu Appearance >> Editor kemudian pilih menu bagian header dan
masukan script tersebut dan simpan.
Pada Blogspot atau blogger
masuk pada menu Design >> Edit HTML dan masukan script favicon
diatas pada bagian di antara <head> dan </head> dan save
template anda
Pada Blogspot / blogger juga sudah
tersedia menu fitur edit favicon yaitu pada menu Design >> Page
Elements dan Klik edit pada bagian opsi Favicon. Upload gambar Favicon
anda dan save.
Langkah 5 :Done. Buka website atau blog anda dan periksa dan cek apakah Favicon anda sudah ditampilkan pada address bar browser
Baca Juga Artikel Terkait Lainnya
0 komentar: