Bang Haris Ahmad bertanya begini: “Oia kang minta cara buat itu dong kalo di browser biar muncul lambang / logo blog”. Dengan kata lain, beliau bertanya mengenai cara membuat dan memasang favicon (favorite icon).
Favicon di blog wordpress.org bisa dibuat secara manual atau menggunakan plugin. Saya sendiri sudah menggunakan kedua cara tersebut. Cara manual saya gunakan dalam membuat favicon di Blogotainmen, adapun cara plugin saya gunakan di blog ini. Di bawah ini kedua cara tersebut.
Cara Memasang Favicon dengan Plugin cbnet Favicon
1. Pada fitur Plugins, klik Add New
2. Ketik cbnet favicon di kolom search plugins
3. Klik Install, lalu Install Now.
4. Klik Active Plugin untuk mengaktifkannya.
5. Pada fitur Settings, klik cbnet favicon.
6. Akan muncul tampilan untuk memilih favicon, yaitu favicon yang tersedia, favicon dari komputer Anda, dan favicon dari URL. Anda bisa memilih salah satunya.
7. Setelah itu klik tombol Save.
8. Favicon akan muncul di browser.
Cara Manual Memasang Favicon
Tahapannya terdiri dari 3 langkah: membuat favicon dengan menggunakan situs pembuat favicon, upload favicon ke blog, dan edit header.php untuk memasukkan link favicon.
Membuat favicon
1. Kunjungi situs html-kit.com.
2. Klik browse untuk memilih foto, gambar, atau logo yang hendak Anda jadikan favicon. Selanjutnya klik Generate Favicon.ico.
3. Contoh hasilnya seperti ini. Lalu klik Download Favicon Package dan simpan di komputer Anda.
4. Karena berbentuk WinZip, ekstrak gambar favicon (tipe gif) lalu simpan.
Upload favicon ke blog
1. Login ke wordpress.org Anda
2. Pada fitur Media, klik Add New.
3. Klik Browse dan pilih favicon yang sudah diekstrak tadi. Lalu klik Upload.
4. Akan muncul tampilan Media Library, lalu klik edit gambar favicon yang telah diupload tadi.
4. Copy Link URL dari favicon tersebut. Simpan di notepad atau MS words.
Memasang favicon di header.php
1. Pada fitur Appearance, klik Editor.
2. Klik header.php.
3. Masukkan kode berikut di atas </head>. Ganti huruf yang berwarna biru dengan link favicon Anda.
<link rel=”shortcut icon” href=”http://wwwblogodolar.com/wp-content/uploads/2010/03/animated_favicon1.gif” >
Untuk lebih jelasnya, silakan lihat screen shoot di bawah ini.
4. Klik Update File.
5. Buka blog Anda. Favicon akan terlihat di browser Anda.
Kebetulan say alagi nyari cara ini kang. Lagi belajar WP nie. Makasi ya!
.-= Postingan terbaru Dunia Komputer………………Menonaktifkan Taskbar Preview Windows 7 =-.
makasih pak, dengan tutorial bpk, saya berhasil menggunakan favorite icon di web saya,
numpang promosi pak.
bagi rekan2 yang ingin pasang iklan dengan GRATIS, atau iklan premium yang MURAH,
silahkan akses : http://www.beriklangratis.com
Terimakaish
wah trimakasih kang tutorialnya selama ini saya panasaran bagaimana cara pasangnya
Saya pake cara upload ke root direktori hostingan saya Kang. Lalu saya sisipin url-nya di header.php
Tapi kadang suka nggak muncul. Entah karena apa. Oya, warna latar blognya jadi abu-abu nih. Sengaja diubah ya Kang? Bagus deh kalau begitu. Menurut saya jadi bikin tampilan posting lebih nyaman dan lebih fokus untuk dibaca.
Sedikit banyak, warna latar abu-abu pada background utama mengurangi efek silau/kontras dari warna putih pada latar posting dan latar sidebar. Mungkin bisa dipertahankan ya Kang.
@ Dunia Komputer: Sama-sama Gus Adit.
@ Achmad Sholeh: Silakan dicoba Pakde.
@ Iskandaria:
Bisa juga cara uploadnya via hosting demikian Mas Is.Upload via Add New Media lebih mudah karena gak perlu membuka cpanel hosting.
Yup, saya coba pake latar belakang abu-abu Mas karena ingin mengurangi efek silau.
Kebetulan sekali blog sy juga belum punya icon yg bisa muncul di browser. Jadi tutorialnya ini perlu dipelajari dulu tahap demi tahap agar bisa lebih paham menerapkannya. Terimakasih..
terus terang saya lupa cara pasang favicon saya…btw makasih ilmunya kang, sangat mudah dipahami, dan saya langsung mencobanya
.-= Postingan terbaru Ahmad IM-bisnis………………Anti Klimaks! =-.
Kalau saya menggunakan cara manual kang.
.-= Postingan terbaru Zaiful Anwar………………Backlink dari Forum SMF dan BlogEngine =-.
Makasih kang Yud.. Ni lagi nyari yang manual, soalnya saya gak paham pakai plugin
makanya blog saya minimalis banget 
segera dicoba !
.-= Postingan terbaru Blogetarian………………Membangun Blog Untuk Paid Review =-.
saya belum coba pake pluggin, karena dirasa manual juga cukup mudah…
Kalau saya biasa pake yang manual saja.. itung2 buat belajar edit2 template
.-= Postingan terbaru hopskole………………Web Hosting Reviews =-.
simple tips to change favicon of wordpress
thankz
.-= Postingan terbaru mobile apps………………Motorola CLIQ Android Phone, Titanium =-.
langsung praktek deh kang..
Nuhun Kang impo-na, engkin pami tos sempet dipraktekkeun ah
.-= Postingan terbaru Erdien………………Free Download KBBI per Abjad =-.
Ga bisa.. Karna template kali ya
.-= Postingan terbaru Blogetarian………………Membangun Blog Untuk Paid Review =-.
langsung dicoba bos,..
.-= Postingan terbaru ankgha………………Desa agro wisata Turi =-.
Mantaf Kang… makin banyak aja amalnya neh
.-= Postingan terbaru CHOKEY………………Peluang baru dapat Dollar dari Blog =-.
wah terima kasih kang, alhamdulillah langsung di jawab
langsung ke KTP eh TKP
terima kasih………
.-= Postingan terbaru abang haris………………Golok Betok Pusaka Asli Betawi =-.
saya memakai cara yang mengedit file header kang
lebih simpel dan tidak membutuhkan plugin.. maklum diskspace hosting limit heheh
.-= Postingan terbaru tomi………………Dukung Earth Hour =-.
wah terima kasih kang
Ogut dapet BL
.-= Postingan terbaru abang haris………………2 Akun Yang Harus Dimiliki Blogger =-.
uhuyyy udah bisa kang
he he keren jadinya
terima kasih kang
ogut coba pake edit header
tengkiyuuuuu
.-= Postingan terbaru abang haris………………2 Akun Yang Harus Dimiliki Blogger =-.
kl aku pki themes yg sdh ada faviconnya jd ga usah pusing2 mikir tampilan favicon. Memasang favicon adalah upaya mempercantik tampilan blog, namun ada yg terpenting yaitu isi blog itu sendiri, secantik apapun blognya kl isinya ga mutu ya jarang dikunjungi, tp kl kontennya mantap kyk pny Kang Yudi, pasti banyak yg kasih komen. “Content is still the King”.
mantab nu tutoriale.. di coba nih
Nambahin.. sebelum buka blognya, hapus dulu cache dari browser… bener gk bang?
.-= Postingan terbaru Daun Muda………………AMS Photo Effects 2.57 =-.
Bisa juga Mas. Atau direfresh.
Trims tambahannya ya
kyk pnya gw getoh…
.-= Postingan terbaru bee………………Say Fuck to SPAMMERS..!! =-.
Kalau Kang Kabayan sich dari dulu suka yang manual aza soalnya lebih simple. Buat logo di photoshop atau editor lainnya trus upload dech…
.-= Postingan terbaru Kang Kabayan………………Membuat Rotating Banner di Blogspot =-.
Artikelnya nembak. Persis yang dibutuhkan banyak orang termasuk saya.
Sip …
lengkap sekali Kang, saya sudah menggunakan cara manual, hehe
.-= Postingan terbaru imadewira………………Random Post Untuk Meningkatkan Page View =-.
Ternyata ada plugin-nya juga ya. Saya merasa beruntung krn memakai theme yg support penggunaan Favicon ini jadi tdk terlalu repot dalam settingannya. Tinggal upload filenya dan memasukkan url-nya.
.-= Postingan terbaru Epenkah………………Pindah Hosting… Plong Rasanya =-.
wah makasih kang, tapi sayangnya saya coba memasangnya melalui header.php kok ga muncul ya kang??? kira2 masalahnya dimana ya??
btw, tampilannya kok beda sekarang?? mau ganti suasanya aj ato mau dirombak total tampilannya nih??
terimakasih pak… walaupun dengan susah payah akhirnya bisa…
makasih pembelajarannya
ts to info
download video
Terima kasih infonya Pak! Sekarang saya sudah pasang favicon di salah satu web saya yang pakai engine WordPress. Kalau yang pakai CMS selain WordPress dan Blogspot (bikin sendiri) bisa gak Pak? Kalau bisa bagaimana caranya? Terima kasih sebelumnya.
terimakasih penjelasannya gamblang sekali, utk saya yang pemula ini
.-= Postingan terbaru novi………………Thanks, Rose … =-.
Makasih kang… tp setelah saya update option, gak langsung muncul. Berapa lama saat munculnya?
Salut buat bang Dolar deeh..tutorial ebat sob..gw jd pngn bkn gambar header buat menarik pengunjung..salam kenal bang..
salam kenal kang
saya mo ikutan nih biar tambah rame gitu loh
mo pasang favicon juga
tenkyu berat kang
salam sukses buat kang yudiono
Kalau di wp.com, cara ini tidak bisa dipraktikkan Mas karena header.php-nya tidak bisa diedit.
halo kang belum bosen nih
tanya dikit kang ada postingan pasang histat com ga
ko sulit banget yah
makasih en thank abot …..
Saya belum membuatnya Mas Yudasta.
Sepertinya kalau Mas mencarinya di Google banyak tutorialnya.
Sekedar koreksi dalam tutorial favicon manual anda membuat animated favicon (.gif) namun kode HTML nya untuk icon dengan extensi .ico. Jadi ketika orang memasukan kode tersebut untuk animated favicon maka favicon tidak akan muncul dan karena tidak sinkron kode panggilan untuk favicon tersebut.
Kode yang benar untuk animated favicon adalah
terimakasih sobat..sungguh mantaf dan berguna inponya bagi saya yg masih newbie ini
dari smua, nih cara yg puaaaaling mantep!…..trim banyak.
menarik artikelnya gan.nambah lagi referensi
Thanks very much to provide the news for us, it is very constructive for me.Well done!
makasih sekali untuk tutornya saya bisa memasang favicon tanpa plugin dengan sukses menggunakan header.php.
Thank…. ya uda teratasi … ane sempat bingung salah satu web ane gak bisa kasih favicon secara mamual (coding ndiri). nyoba beberapa plugin d WP juga ada problem not writable server. jadinya pake plugin rekomendai dr sampean. thanks y
thanks atas tips nya… segera setelah baca blog ini langsung saya praktekkan.
makasih infonya mantap dan sangat simpel thanks
Terima kasih atas informasinya..saya sudah lama ingin memasang favicon di wordpress saya , namun tidak tahu cara nya . disnilah saya menemukannya , terima kasih banyak
terima kasih artikel nya pak, sangat membantu..
wah.. thx gan.. sedang saya cari artikle kaya gni
langsung dah mau ane praktekin
doakan saya berhasil..
tahank tipsnya.