Memasang Favicon di Blog WordPress
Posted by bel4j4r on 16 March 2009
Favicon merupakan gambar kecil (ikon) yang ada di sebelah address bar browser. Ia dapat menjadi semacam identitas untuk blog kita.
Cara menambahkan favicon sangat mudah. Kita bisa memakai gambar apa saja (usahakan ukuran panjang dan lebarnya sama, paling baik dengan ukuran 50×50 sehingga kita bisa tahu apakah gambarnya nanti kelihatan atau tidak. Ukuran normal ikon yang dijadikan favicon adalah 48×48 piksel.
Lalu, bagaimana caranya menambahkan favicon ?
Cara pertama, menambah favicon dengan modifikasi file header.php dengan asumsi file yang akan digunakan diupload di folder images pada blog yang akan kita kasih favicon (pada contoh ini aku menggunakan blog http://bambangwibowo.890m.com)
1. Buka file header.php pada tema yang anda gunakan.
2. Di antara tag <head> dan </head>, Tambahkan kode berikut :
<link href=’<?php bloginfo(’stylesheet_directory’); ?>/images/favicon.gif‘ rel=’shortcut icon’/>
<link href=’<?php bloginfo(’stylesheet_directory’); ?>/images/favicon.gif‘ rel=’icon’ type=’image/gif‘/>
Keterangan:
- Ganti <?php bloginfo(’stylesheet_directory’); ?>/images dengan alamat dimana file gambar yang akan anda gunakan sebagai favicon berada. Dalam contoh di atas, gambar yang akan aku gunakan berada di folder image di blog http://bambangwibowo.890m.com. Jika anda menyimpan di Googlepages atau di tampat lain, sesuaikan saja alamatnya.
- Ganti favicon.gif dengan nama file anda.
- Ganti gif dengan tipe image/gambar anda, jika gambar anda berformat jpeg maka ganti dengan jpg, jika png ganti dengan png, dan seterusnya.
Cara termudah menambah favicon tentu dengan wordpress plugin. Ada banyak plugin untuk menambah favicon. Disini aku mencontohkan plugin dari maxblogpress.
2. Upload ke folder wp-content/plugins di blog kita
3. Aktifkan plugin tersebut lewat menu dashboard
4. Atur Plugin, dari menu dashboard, Options >> MBP Favicon
5. Dari daftar ikon yang ada, klik yang anda inginkan untuk dijadikan favicon
6. Simpan pekerjaan anda.
ikRar said
matur suwun mas
wah bantuan banyak dari blog ini
semoga barokah banyak pahalanya hehehe
dicoba dulu
ztyo said
Wah membantu banget mas Blognya… Sip…
didi said
bner banget tuh !!
indoshared said
tak cobaa ya mas,makasih
Memasang Favicon di Blog WordPress : website herisetiawan - web directory rss sederhana said
[...] baca lanjutannya di bel4j4r [...]
Cara Memasang Favicon Di Wordpress | Tabungan Ekstra & Artikel Gratis said
[...] lihat keatas keren kan? saya mencoba sedikit memberi info bahwa tulisan ini saya dapat dari blog belajar wordpress sebagai [...]
nyegik said
wakh keren nih….saya lagi belajar juga nih……makasih atas informasi ilmunya ya
erwin said
udah aq coba pluginnya tp koq g muncul iconnya y??apa sebab tuh??
maniacomputer said
klu untk ngebuka >header.php pada tema yang di gunakan.gmn tu carany?
Aditia Nugroho said
siip,, sukses aja om
uchan said
trim………..buanyaaaaak