Bagi yang sudah malang melintang mengembara dari webiste ke website atau blog ke blog khususnya dengan browser mozilla firefox atau Opera, pasti tahu tentang favicon ini. Kalaupun belum tahu mungkin sering melihat icon kecil disamping setiap alamat website yang kita kunjungi…nah itulah favicon. Saya sendiri tahu tentang favicon pertama kali sewaktu belajar CMS joomla, karena disana memang ada default favicon dengan logo Joomla. Favicon ini ternyata bisa dirubah sesuai selera kita, dan mustinya merupakan icon dari website/blog kita yang merupakan ciri khas.
Banyak sekali software untuk membuat icon dari yang simple sampai yang rumit, baik freeware maupun yang bayar. Selain itu banyak website yang menyediakan favicon generator yang dapat membuat favicon dari gambar yang kita punya, jadi tinggal kita upload gambar (jpg, gif, png) maka jadilah favicon kita (format *.ico). Coba saja Anda berkunjung ke html-kit.com/favicon, favicon.cc, favicon.co.uk dan masih banyak lagi.
Saya akan coba berikan cara-cara membuat favicon sampai upload ke blog wordpress saya dengan memanfaatkan fasilitas dari website pertama yang saya sebut diatas.
Contoh Gambar
1. Saya siapkan dulu file gambar yang akan saya upload, contohnya spt gambar disamping.
2. Masuk ke http://www.html-kit.com/favicon, dan ada bagian website seperti gambar ini:
3. Klik “Browse” dan cari file gambar Anda simpan di komputer.
4. Klik tombol “Generate FavIcon.ico”
5. Setelah itu muncul halaman website, yang salah satu bagiannya seperti ini:
6. Jika sudah sesuai keinginan, klik “Download FavIcon” untuk mendonwloadnya, nanti ada file zip yang Anda akan terima, sehingga Anda tinggal ekstrak untuk mendapatkan file favicon.ico dengan dimensi 32 X 32 pixel.
7. Upload file favicon.ico ke folder root website Anda (/public_html/
8. Kemudian masuklah ke admin WordPress, dan buka tab “Design”.
9. Setelah itu ke “Theme Editor” dan carilah file Header.php dan klik file tersebut
10. Sebelum skrip </head>, copylah skrip berikut
<link rel=”shortcut icon” href=”favicon.ico” />
11. Setelah itu untuk mengakhiri klik “Update File”
Nah cobalah buka blog Anda, maka blog Anda akan dihiasi dengan favicon yang Anda sukai.
Popularity: 7% [?]
- Artikel yang berhubungan
- Ayo Terjemahkan Blog kita ke 37 Bahasa (100%)
- ThemeLib Buka Kontest Bernilai $417 untuk 3 Pemenang (100%)
- Wordpress versi 2.6.5 sudah Keluar (100%)
November 24th, 2008 at 10:46 AM
Bisa di-aplik ke blogspot ga mas ?
November 24th, 2008 at 11:15 AM
Bisa saja, tetapi langkah update skrip-nya lebih baik baca artikel ini saja di http://tinyurl.com/6yrjv7
November 25th, 2008 at 7:06 AM
Sayang… di WP ga bisa…
November 25th, 2008 at 8:34 AM
Berarti harus mulai planing untuk hosting sendiri WP biar kita bebas customize :-)
December 18th, 2008 at 10:24 AM
“Upload file favicon.ico ke folder root website Anda (/public_html/”
Petunjuk diatas bagaimana caranya jika akan dimasukkan ke dalam WordPress, koq saya tidak ketemu ya???? khususnya tampilan wordpress yang baru…
Trim’s
December 18th, 2008 at 11:01 AM
@Andi Herman, jika mas Andi Herman hosting wordpress sendiri,
- masuk ke http://www.domain_anda.com/cpanel
- klik “file manager”
- upload favicon.ico ke direktori /public_html/
Tapi kalau wordpress masih ikutan wordpress.com sepertinya belum bisa.