Menampilkan Favicon Pada Template Thesis dan Hybrid
Posted on Mar 18th, 2010
Tips ini pada dasarnya berlaku untuk seluruh blog. Tetapi kita batasi saja pada template yang berbasiskan pada frame work. Akan kita coba untuk memasang Favicon pada Thesis dan Hybrid. Walaupun sama-sama berbasis frame work kedua themes berbeda, Thesis harus bayar, sementara Hybrid bisa didapatkan dengan gratis.
Favicon Pada Thesis
Siapkan terlebih dahulu gambar yang akan dijadikan favicon, gambar bisa berekstensi *.jpg, *.png atau *.ico. Lebih disarankan menggunakan file yang berektensi *.ico dengan ukuran 16 x 16pxl atau 32×32 pxl
Login dulu ke dashboard, pilih Thesis Options, klik tanda plus (+) pada Header Script dan masukan baris perintah php berikut jika gambar yang digunakan *.jpg atau *.png
<link rel="icon" href="<?php echo bloginfo("template_url"); ?>/images/favicon.jpg" />
<link rel="shortcut icon" href="<?php echo bloginfo("template_url");?>/images/favicon.jpg">
Jika perintah tersebut tidak berfungsi sebaiknya langsung dengan code html sebagai berikut :
<link rel="icon" href="http://nama_domain/wp-content/themes/thesis_16/custom/images/favicon.jpg">
<link rel="shortcut icon" href="http://nama_domain/wp-content/themes/thesis_16/custom/images/favicon.jpg" type="images/x-ico">
Dengan catatan file faviconnya diletakan pada direktory images template.
Jika gambar yang digunakan berekstensi *.ico, cukup masukan perintah berikut :
<link rel="icon" href="http://nama_domain/wp-content/themes/thesis_16/custom/images/favicon.ico">
Favicon pada Hybrid
Memasukan favicon pada hybrid lebih rumit dibandingkan dengan thesis, rumit dalam pengertian kita harus mendownload dulu plugins Hybrid Hook, plug-nya bisa di download di WordPress.org, kemudian extrak file zip tersebut dan upload ke direktori plugins domain kita,
Login ke Dashboar, pilih plugins dan aktifkan plugins hybridhook-nya.
Setelah aktif pilih Appereance, pilih hybridhook dan masukan kode berikut pada kolom Container Action Hooks => Before HTML, setelah itu centang Execute PHP pada sebelah kanan. Jangan Lupa scrolling kebawah dan tekan SAVE.
<link rel="shortcut icon" href="http://nama_domain/wp-content/themes/hybridnews/images/favicon.jpg" type="images/x-ico" />
Jika penempatan gambarnya benar maka mulai saat ini blog anda sudah ada faviconnya.
UPDATE !!!
Jika anda penganut faham template yang valid CSS dan X/HTML, cara menempatkan favicon hybrid tersebut salah karena menyebabkan theme menjadi tidak valid.
Hapus entry tersebut dari hybrid hook, buat favicon dengan extensi *.ico dengan ukuran 16px x16px; upload iconnya ke direktory images pada themes child. Dan lihat hasilnya, favicon anda muncul seperti yang diinginkan.
Selamat mencoba.
[...] Sebaiknya pasang Favicon Jika belum tahu caranya, coba ikuti tautan ini untuk mengetahui cara pemasangan ikon pada blog Belajar di Waroeng Podjok [...]
pertamax dulu ah…
sedang melihat – lihat blog nya kakang prabu yang satu ini…..
eh biar gak OOT, masalah favicon ini, kadang saya hanya menggeletakan saja file nya di root direktori, dan otomatis mucul sendiri favicon nya…. suer deh….
Saya gunakan kode shorcut icon dan url-nya berupa link favicon yang saya upload di direktori theme/images. Sudah berhasil Mas. Kebetulan sebelum ini saya rada bermasalah dengan favicon yang nggak mau muncul. Untung ketemu ama postingan ini
Thx berat nih Mas Aldy. Blog baru ni yee..
Themenya bagus. Cuma menurut saya terlalu dominan warna putih. Kalo dibaca pada laptop di malam hari agak bikin silau. Tapi kan bisa diakali dengan meredupkan kontras layar laptop yach.
Tapi mungkin warna latar sidebar-nya bisa dicoba biru muda (biru keputihan). Atau bisa juga warna sub judul blog ini (krem). Biar area posting bisa lebih fokus untuk disimak (ada kontras warna antara latar posting dan latar sidebar). Saya rasa ini ada kaitannya dengan readibilty.
Selamat ya buat blog barunya Mas Aldy.
Itu juga cara yang sama kok Adipati, mau diroot atau dimana meletakkannya tidak masalah, yang penting perintah pemanggilannya saja.
He…he…he…,
Hal sama juga sudah dikomplain oleh putri saya mas Is, sebenarnya blog ini milik putri saya yang pertama, cuma nggak tahu sampai sekarang malah nggak diisi.
Makanya adminya menggunakan nama putri saya yang kedua.
Thx masukannya mas, masih berkutat dengan blog yang lain je.
Domain ini pemberian/hadiah dari mas Yayat.
[...] favicon pada template biasa lebih mudah dari menampilan favicon pada template yang berbasis frameword seperti Hybrid. Caranya [...]