Memasang Favicon di wordpress

Free Traffic System - Increase Targeted Website Traffic with Free
Unlimited One Way Links

15 October 2009 4 Comments

Bagi anda yang mau supaya webnya kelihatan menarik, sehingga mempunyai nilai tambah dari sisi tampilan, mungkin panduan ini bermanfaat bagi anda.

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 jelas atau tidak. Ukuran normal ikon yang dijadikan favicon adalah 48×48 piksel.

Lalu, bagaimana caranya menambahkan favicon ?

Cara pertama, menambah favicon di file header.php dengan asumsi file yang akan digunakan diupload di server hosting terlebih dahulu, kemudian buat folder baru dan beri nama misalnya “folder images” nanti semua file image tambahan untuk blog kita dapat kita simpan di folder tersebut. Dan sebelumnya tentu anda harus mempunyai file ikon yang adan buat sendiri atau anda ambil dari internet dengan ukuran file seperti diatas. Apabila format file gif,jgp dan png tidak begitu memuaskan hasilnya sebaiknya anda mengkonversi file tersebut menjadi format ico. Untuk mengkonversi file format lain ke ico anda bisa menggunakan tool atau software online http://www.pedroonline.com yang otomatis mengkonversi file anda ke format ico.

Setelah format file sudah anda tentukan maka tahap selanjutnya adalah :

1. Buka file header.php pada thema atau template yang anda gunakan melalui dashboard kalau pakai wordpress dan langsung ke html setting untuk blogger.

2. Dan letakan link dibawah ini di antara tag <head> dan </head>, dimana saja :

Keterangan:

Ganti <?php bloginfo(’stylesheet_directory’); ?>/images dengan alamat dimana file gambar yang akan anda gunakan sebagai favicon berada. Dalam contoh ini file ikon atau favicon yang saya gunakan saya simpan di folder yang saya beri nama image di server hosting blog saya.jadi keteranganya nanti menjadi 2 baris :
<link href=” http://blogbisnisonline.com/image/favicon.gif rel = “shortcut icon”/> <link href=” http://blogbisnisonline.com/image/favicon.gif rel = “icon” type = “image/gif”/>.
Jika anda menyimpan di Googlepages atau di tampat lain, sesuaikan saja alamat url nya.
Ganti favicon.gif dengan nama file yang anda letakan di folder image. misal favicon atau ikon atau logo terserah sesuai selera.
Ganti format file gif dengan tipe image/gambar anda, jika gambar anda berformat jpeg maka ganti dengan jpg, jika png ganti dengan png atau jika berformat ico ganti dengan ico, dan seterusnya.

Cara termudah menambah favicon tentu dengan wordpress plugin. Ada banyak plugin untuk menambah favicon. Disini aku mencontohkan plugin dari maxblogpress.

1. Download favicon plugin.

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

4 Comments »

Cara Cari Duit said:

sepertinya menarik pasang favicon pada blog.sayangnya blog saya bukan berasal dari wordpress.kepunyaan saya pakai blogspot.Apakah bisa pakai blogspot.

# 16 November 2009 at 2:08 pm

member09 (author) said:

kalo rubah di blogspot. anda harus masuk ke menu dashboard dan edit sedikit code html untuk menambahkan code favicon.

# 9 December 2009 at 5:02 pm

ari said:

wah top banget gan…..langsung ke tkp nich

# 17 January 2010 at 3:33 pm

azzaam said:

thanks, tutorialnya sangat membantu

# 21 February 2010 at 10:22 am

Leave your response!

Jika anda suka dengan artikel blog ini, silakan berikan komentar atau trackback langsung dari blog kamu atau anda dapat juga subscribe to the feed untuk mendapatkan update terbaru dari blog ini langsung diblog kamu.