Favicon adalah gambar logo yang tertera pada sebelah kiri bagian address bar pada suatu browser. Favicon dikenal juga 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 adanya favicon pada blog atau website kita, akan menjadikan ciri khas atau identitas tersendiri dari blog atau website kita.
Favicon biasanya berformat .ico , file gambar .gif atau .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.
Berikut langkah-langkahnya cara pasang favicon pada website dan blog :
Langkah 1 :
Berikut langkah-langkahnya cara pasang favicon pada website dan blog :
Langkah 1 :
Siapkan logo gambar yang akan kita gunakan sebagai favicon dengan format gambar dan ukuran seperti yang telah dijelaskan di atas. Untuk membuat logo gambar favicon, kita juga bisa menggunakan software icon easy maker yang bisa kita dapatkan di http://www.icon-maker.com/download.htm
http://www.favicon.cc
http://www.favicongenerator.com
http://www.animatedfavicon.com
Upload gambar kita tersebut pada root webhosting kita (disarankan), atau juga kita bisa menguploadnya pada image hosting lain, dapatkan dan catat 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” />
<link rel=”shortcut icon” href=”http://rusaxblog.blogspot.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, kita 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, masuk pada menu : Design > Edit HTML, dan masukkan script favicon diatas pada bagian di antara : <head> dan </head> dan Save.
Pada Blogspot juga sudah tersedia menu fitur edit favicon yaitu pada menu : Design > Page Elements, klik edit pada bagian opsi Favicon. Upload gambar Favicon kita dan Save.
Langkah 5 :
Selesai, Buka website atau blog kita, periksa dan cek apakah Favicon kita sudah ditampilkan pada address bar browser.
By :
esc-creation.com
http://www.favicon.cc
http://www.favicongenerator.com
http://www.animatedfavicon.com
Upload gambar kita tersebut pada root webhosting kita (disarankan), atau juga kita bisa menguploadnya pada image hosting lain, dapatkan dan catat 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” />
<link rel=”shortcut icon” href=”http://rusaxblog.blogspot.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, kita 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, masuk pada menu : Design > Edit HTML, dan masukkan script favicon diatas pada bagian di antara : <head> dan </head> dan Save.
Pada Blogspot juga sudah tersedia menu fitur edit favicon yaitu pada menu : Design > Page Elements, klik edit pada bagian opsi Favicon. Upload gambar Favicon kita dan Save.
Langkah 5 :
Selesai, Buka website atau blog kita, periksa dan cek apakah Favicon kita sudah ditampilkan pada address bar browser.
By :
esc-creation.com