Pasang Favicon atau Icon Logo Web di WordPress

28 Jun 2009

Pada WordPress untuk beberapa template, ada yang sudah menyediakan favicon defaultnya tapi banyak juga yang tidak menyediakan. Untuk itu kita bisa membuat favicon atau icon logo di WordPress sendiri. Favicon sendiri maksudnya adalah gambar atau icon yang muncul disebelah alamat URL web atau blog ketika URL blog dibuka. Fungsinya bisa sebagai penanda atau logo dari web blog kita, atau bisa juga untuk mempercantik tampilan blog karena begitu url dibuka akan muncul gambar icon yang dipasang. Untuk membuat atau menambahkan favicon pada WordPress sangatlah mudah, cukup menambahkan satu baris script saja sudah bisa digunakan.

Screenshot tampilan favicon seperti dibawah ini

Pertama, siapkan dulu sebuah gambar yang akan dijadikan icon untuk ukurannya sebisa mungkin proporsional misalnya 25×25 px atau 50×50 px jadi sizenya bisa sekecil mungkin agar tidak memberatkan load web nya ketika dibuka. Ubahlah format gambarnya menjadi .ico, cukup mengganti extensinya saja, jika semula .jpg langsung saja diubah menjadi .ico. Lalu upload image tersebut ke hosting.

Kalo sudah copy kode dibawah ini. Sebelumnya, ubah dulu url_ico sesuai url tempat kamu upload atau menyimpan image .ico tadi.

<link rel="shortcut icon" href="url_ico" type="image/x-icon" />

Paste kode diatas pada header.php melalui editor template (untuk wordpress) pada bagian sebelum tag </head>. Sekarang buka web atau blog kamu lagi dan seharusnya sudah muncul icon logo di tampilan browser. Untuk referensi berbagai macam icon bisa search di Google dengan keyword misalkan “free web icon”. Rata-rata berformat .png maka cukp ganti extensinya saja menjadi .ico.