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.
makasih kang untuk tutornya….
namun ada beberapa gambar yang menghilang
Postingan terbaru kiper futsal………………Ketika Kaulah Satu-satunya
makasih infonya kang
Postingan terbaru sofyan………………Coba Renungkan Sejenak…
wah makasih banyak nich mas sangat berguna….sukses buat mas selalu
Postingan terbaru ikhsan………………Old or New Home- You Require an Ionic Air Cleaners
udah di coba gan tapi kok ga bisa ya…
Mas, saya dah coba pake cara manual, tapi di langkah terakhir tidak bisa karena tulisan “update file” nya ndak ada. tulisan yang ada di bawah kolom edit header.php itu seperti ini: “You need to make this file writable before you can save your changes.” kira2 itu kenapa ya Mas?
saya juga dah coba pake cara plugin, tapi katanya “plugin installation is failed”. ini kenapa juga ya Mas?
karena gagal dua2 nya cara ini, cara apa lagi yang bisa saya tempuh untuk memasang favicon di web saya ya Mas?
terima kasih Mas.
coba dari cpanel saja
alternatif lain edit dulu di localhost dan replace deh ehehehee
Postingan terbaru Ferry………………Masa Depanku – Part 1
kalau dari cpanel langkah-langkahnya gimana Mas? saya baru belajar Mas, jadi bingung.. mohon bantuannya ya Mas.. terima kasih..
Jujur saja saya belum tahu caranya Ummi.
informasi yg sangat bagus jelas dan terpercaya,,,
sangat membantu sekali
Saya mencoba yang cara manual kog tidak berhasil yach ?..tapi pas saya coba yang pake plugin langsung berhasil kog…Terima kasih yach
Postingan terbaru nurfaisyah………………Spektrofotometri UV-Vis serta Aspek Kualitatif dan Kuantitatifnya
ikut mampir gan….. info menarik,, makasih informasinya. kunjungan balik
sukses master. thanks
tips2nya sangat bermanfaat akan sya cba,,trima ksh dan slm kenl
Postingan terbaru Cara Memilih Baju Murah Untuk Lebaran………………Tips Menyimpan Pakaian Mewah
cool thanks for the information, I can immediately try and directly managed ………………….. thanks a lot.
ini yang saya cari, pake plugin hehe biar lebih mudah. Thanks gan
Postingan terbaru Saif Trik Komputer………………Tips Mudah Cara Merawat Monitor Laptop yang Baik dan Benar
thank infonya ya gan, saya coba dulu di blog wp.org saya.:D
langsung dicoba nih
ternyata langsung berhasil.
tks infonya bro.. sukses selalu
Postingan terbaru iklan internet………………Tip memilih dan membeli handphone bekas
siiiip
matur thankyou mas bro
sukses nih
salam kenal
makasi nifonya, web sy udah pake ikon dlm bentuk gif di http://sucitapura.com
wow!
it’s works!
Thanks for sharing..
So easy, Simple !
wow emng benar tips ini….makasih yach
mungkin karena template kami cukup kompleks, cara yang diatas belum berhasil untuk kami. Terimakasih infonya kang,
Postingan terbaru bodongsehat………………Jus Jeruk : Segar dan Sehat
harus di edit menjadi gif dulu y baru ok??
thanks buad infornya…
thanks mas buad infonya