-
Sudah direvisi, thanks buat ade atas kritiknya…
Tutorial ini berawal pas beli nih domain, temenku si fanza (yang punya blog dot com baru haha) tanya, “gimana sih caranya buat gambar kecil di kiri http//…. pada browser?”
Oh, itu namanya favourite icon alias favicon. Favicon adalah gambar kecil berukuran 16 x 16 pixel yang berekstensi .ico. Fungsinya untuk mempermanis sebuah title website ketika berada dalam tab browser (lihat gambar)

Karena lagi marak-maraknya main wordpress, akan kutampilkan cara menampilkan favicon di blog wordpress. Jadi perhatikan baik-baik… (buat yang themes nya sudah ada favicon nya, tinggal ganti aja gambar dengan yang kamu suka, bagi yang belum ada favicon.ico ini caranya…)
Eh sebelumnya, buat dulu gambar favicon nya lewat corel atau photoshop, tapi aku lebih milih pakai photoshop, gambarnya lebih bagus. Ini caraku membuat favicon (nggak tau kalo yang lain)
pertama buka photoshop, buat halaman baru, terus kasih ukuran 16 x 16 pixel. buatlah gambar sesuka kamu. Ukurannya kecil, jadi jangan buat gambar yang terlalu mendetail.
Setelah selesai, pilih file file >> save for web & devices… atau pencet Alt+Shift+Ctrl+S pada keyboard. Nah kalau gambar favicon kita tidak penuh (seperti favicon saya) lalu di save dengan format .jpg gambar tidak akan terlihat transparan alias bentuknya kotak dengan background putih dibelakangnya, maka ganti format gambar menjadi PNG-24 dan contreng transparancy. Lanjutkan dengan save.
Nah ini tahap yang paling penting, pada jendela save, ada kolom file name , isi dengan mengetikkan: favicon.ico terus simpan di hardisk alias klik Save.
langkah selanjutnya adalah upload favicon tadi lewat file manager. Buka file manager, terus masuk ke direktori themes yang saat ini aktif (maksudnya themes yang digunakan saat ini) htdocs > wp-content > themes > tema yang aktif
Oke, upload gambar favicon tadi, satu direktori dengan index.php,header.php…etc
Saatnya kita edit index.php untuk memanggil favicon tadi biar tampil. caranya login ke dashboard wordpress, masuk ke themes editor, cari yang header.php, klik!
kopi kode berikut:
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />dan paste di atas kode berikut:
<?php wp_head(); ?>lalu klik update! Buka kembali alamat blog kita, jika belum muncul, coba clear private data browser kita, dan buka lagi… Selamat mencoba


pandjoel2 April 2009 pukul 14:24
Tuh za, dah tak kasih tutorialnya…

sodagamebira.com3 April 2009 pukul 09:02
woyyy,thanks ejol!!!!
heheheh

unee6 April 2009 pukul 22:12
pi ye e njoel. tak imel, ra dibales, padahal yo podho-podho o el. oio comment blog ku wis iso njoel. dadi rasido takon koe.

unee6 April 2009 pukul 22:23
tampang mu ki lho nji kok medeni… hahahahaha

unee6 April 2009 pukul 22:26
excited bwt blajar web…

pandjoel8 April 2009 pukul 09:56
salut deh yun, beli domain dot com ato dot net juga donk

ard16 April 2009 pukul 23:21
ohhh gitu ya mas???
sa,pean anak amikom toh??
ckckckck

pandjoel17 April 2009 pukul 21:53
To ard » loh, sampean anak mana ya? kok kenal saya? salam kenal aja deh…

pii18 April 2009 pukul 20:34
Thanks brother…

sawit25 Mei 2009 pukul 20:39
Siiipppppppp….
Cen ra mbakat design cen angen yo Njulll…..
posting terakhir dari blog milik sawit adalah

ferry kurniawan31 Agustus 2009 pukul 12:47
maz…gmn cara namplin..header.php temanya ,?aq mash bngng bnget..ni!!!thnx ats bmbngnnya

ferry kurniawan31 Agustus 2009 pukul 12:53
maz…mau tnya lg..ni.gmn cranya biar postingan blog kita bisa terindex d search engine?maaf maz klu aq kbanyaan nanya!cause baru pemula

legowo9 Oktober 2009 pukul 22:50
akhirnya bisa juga pasang favicon; setelah trial error; thx..

mahardi11 Oktober 2009 pukul 18:47
searching ttg bikin favicon di wordpress.org akhirnya ketemu situs ini.
Thx for great tips…

pandjoel13 Oktober 2009 pukul 14:34
@mahardi: sama-sama…

Laptop Murah5 November 2009 pukul 11:09
Thanks tips sdh aq coba dan berhasil..btw sampean koq ga pasang favicon?
kunjungi webQ ya..Toko Laptop

pandjoel6 November 2009 pukul 19:42
@Laptop murah: hehe maklum belum sepet, baru aja ganti themes…. sip^^

bagosbanget14 Desember 2009 pukul 17:20
Dicoba dah bang! Makasi tutorialnya! :D

pandjoel15 Desember 2009 pukul 00:03
@bagosbanget: sama sama ^^