Tutorial Cari Uang

Saturday, November 08, 2008

Menampilkan Favicon di Blog

CUSTOM BLOGGER FAVICON YANG SEMPAT HILANG ITU

Ada beberapa blogger yang bertanya mengenai bagaimana cara menampilkan favicon mereka di blog. Mereka bilang bahwa kode favicon sudah terpasang di edit html, tapi ketika mereka membuka blog tiba-tiba saja tampilan gambar favicon yang seharusnya muncul di menu tab browser dan di address bar tidak muncul seperti yang seharusnya.

Namun, sayangnya meski mereka telah memasang custom favicon namun hanya tampilan favicon standar blogger atau blogspot saja yang muncul. Yakni sebuah logo huruf B berwarna putih dengan dasar berwarna oranye. Ada apakah gerangan?

Sebentar, sampai disini mungkin ada sebagian pembaca blog biru ini yang tidak mengerti apa itu favicon. Apakah sejenis dengan popcorn atau apalah itu...?

Hmm.. Favicon adalah sebuah icon, logo, atau gambar kecil yang muncul pada menu tab browser dan juga terletak di sebelah kiri address bar browser tertentu. Favicon ini muncul pada browser Opera dan Mozilla Firefox, Konqueror, Safari, Google Chrome, dll, serta tidak untuk Internet Explorer versi 6 ke bawah.

Format file favicon biasanya berupa file dengan ekstensi ico, namun sebenarnya gambar dengan format gif, jpg, png pun bisa digunakan sebagai favicon di blog.

Fungsi utama favicon adalah sebagai suatu logo dari website, situs, atau blog. Bahkan tak jarang sebuah website atau blog terkenal lantaran memiliki favicon yang unik sebagai indentitas yang unik dari milyaran website yang ada di jagad maya.

Berikut ini adalah contoh favicon yang ada pada blog biru ini....


Bagi anda yang menginginkan tampilan favicon sesuai selera sendiri menggantikan favicon standar milik blogspot, anda bisa menggunakan layanan dynamic drive online favicon generator untuk membuat file icon dengan format file *.ico. Setelah mendapatkan file icon lalu upload atau hosting pada server anda atau hosting gratisan yang bertebaran di internet bisa anda manfaatkan.

Kemudian masukkan kode untuk menampilkan favicon di blog anda diantara tag head dengan format seperti dibawah ini:

<link href='http://serveranda.com/favicon.ico' rel='icon' type='image/x-icon'/>

Oke kembali ke laptop, ups maaf acara empat mata sudah tidak tayang lagi gara-gara kodok. Hehehe kembali ke topik favicon yang menghilang tadi ya... Oke... Lanjut!

Ya, karena pada kode HTML blogger sekarang telah dimodifikasi sedemikian rupa sehingga elemen <b:include data='blog' name='all-head-content'/> yang merupakan elemen head standar pada blogger kini mengandung kode favicon asli blogspot (yang berbentuk seperti huruf B), yaitu <link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>.

Solusi agar custom favicon anda kembali muncul pertama kali ditulis oleh Annie pemilik blog bloggeruniversity@blogspot. Solusinya adalah dengan meletakkan kode favicon persis setelah elemen <b:include data='blog' name='all-head-content'/> sampai sebelum </head>.

Semoga ini menjadi jawaban atas permasalahan tidak munculnya favicon di blog anda......! Selamat mencoba!

60 comments:

  1. Cuman Anang, satu-satunya Favicon yang pake dasi dan rambut Polem (Poni Lemper..eh Poni Lempar )

    ReplyDelete
  2. nANG, Sing dhukur iku komenku. Wah piye iki, iku id-ne koncoku maklum Komputer minjem. Punyaku soale blogspot diblokir. Hehehehe Sepuraneeeeeeee
    Maaf ya Mas Polemmmmmmmmm

    ReplyDelete
  3. kalo di mp sama gak om caranya? matur nuwun sanget?)</i

    ReplyDelete
  4. favicon gambar setan bisa ga ya om?
    setan kalimantan..
    hahahahahahahahahaha...

    ReplyDelete
  5. ntar, tak buka dokumen fhoto2 dulu nih. tak nyari potoku yang pualiing maniez dan tanpa air mata.he..he..

    ReplyDelete
  6. iya iya....tulisannya menyindir daku nih yang sampe sekarang males pasang favicon....setelah baca blog biru jadi mau pasang akh....

    tapi lgi mikir2 buat faviconnya...kalo fotonya Mas ANang yang jadi faviconnya gimana yah?? setuju saudara-saudara...??? :D

    ReplyDelete
  7. faviconmu ra nguwati ekekekekekkekekke
    pria berdasi xixixixiixix

    ReplyDelete
  8. wah sangar.. suit2. kali ini postinganmu bener2 nermanfaat gawe aku bro :D

    ReplyDelete
  9. bahasanya tingkat tinggi..uangel maz..gag mudenk..

    t coba dulu y..klo gag bisa balik lgi..

    ReplyDelete
  10. mas mo tanya ne, kalo ganti domain kok faviconya g bisa keluar ya??

    caranya tmpilkan gmn??

    ReplyDelete
  11. kok malah pada komen ttg favicon sampeyan ya mas

    ReplyDelete
  12. Ini ag saya car sejak lama mas, SWEAR!!!!

    ReplyDelete
  13. oohh..udah coba ah~~~tapi susah sama yang suka gonta ganti template kayak saya..heheh

    ReplyDelete
  14. ooo mangkaya kok tak obrak-abrik dari kemarin ndak bisa.
    sip mas mantaBb... makasi ya...
    *pulang ngobrak-abrik favicon*sip berhasil*

    ReplyDelete
  15. wah terus custom domain bloggernya kapan nih Nang :) LOL :)

    ReplyDelete
  16. kalo di wordpress ngak bisa berarti... hmm

    *waduh lama banget nih, baru bisa ngoment :D *

    ReplyDelete
  17. iya, saya juga di protes tuh gara2 gak muncul...tp belum sempet update (lagi males utak-atik html) heh....

    ReplyDelete
  18. aku jugak mo pasang favicon ahh...
    golek poto sing yahud sik ahhh...
    nek ga ketemu aku pinjem foto andalan sampeyan ae yo, mas... hihihi...

    ReplyDelete
  19. tutorial bagus om , soalnya favicon blogspot reza kadang muncul , kadang nggak :D he..he..he

    ReplyDelete
  20. wahhh tips yang keren mas
    emank mas anang enggak perlu di ragukan lagi kalau gulas masalah tips :D

    ReplyDelete
  21. emang dari dulu mas anang ga pernah pelit sama ilmu hehhehe.., semoga bermanfaat bagi yang lain mas :)

    ReplyDelete
  22. mas, kl buat ngerancang icon ndiri dari 0 sitenya apa yah mas?

    ReplyDelete
  23. ohh..itu tho yg namanya favicon *sambil manthuk2 ngantuk

    ReplyDelete
  24. wah, thx mas infonya. Tapi lom bisa tak praktekin sekarang niy. coz, q pake opera mini. blognya mas anang rame ya?
    kok bisa sih?

    ReplyDelete
  25. Hingga selesai baca, aku tetep gak paham. Oh, si blogger tua, malang nian nasib sampean. Hahaha...

    ReplyDelete
  26. ia nih mas, aku juga mau pake favicon, tp ntar deh. Tunggu beli domain baru dulu :D

    ReplyDelete
  27. mas anang, terima kasih bangett yaa........ tutorial favicon nya... saya sempat bingung knp favicon saya gak tampil2, padahal gambarnya udah dihost...... top deh buat mas anakng

    ReplyDelete
  28. wahh
    punyaku kemaren sempat ilang, dan lupa caranya gmn.

    alhamdulillah berkat mas anang sekarang dah bisa lagi.
    thx yaaa

    ReplyDelete
  29. ya di coba dulu mas.... masalahnya punya ku cuma ilang di browser firefox aja di opera baek2 aja

    ReplyDelete
  30. url blog yang tampil di adress bar kalau ndak ada faviconnya, rasanya kok gimana gitu, mas anang, hehehe ... info yang menarik nih!

    ReplyDelete
  31. di wp gini jg ga caranya?

    ReplyDelete
  32. asyik neeh, kalo wordpress piye cak... :)

    ReplyDelete
  33. gmn mas klo gnti domain kok g keluar faviconnya...??

    da yg tau g???

    ReplyDelete
  34. oke brooo kereeen!!!!
    thank you ah!

    btw, kalau mau pakai favicon di wordpress caranya gimana? ;)

    ReplyDelete
  35. saya engen punya favicon nui??

    tapi saya ndak bisa..

    ReplyDelete
  36. Cihuy berhasil, thanx Anangku :)

    ReplyDelete
  37. oke..langsung dicoba, oh ya lam kenal mas..!!

    ReplyDelete
  38. Thx buat tutorialnya. Barusan saya bingung koq faviconnya cuma muncul di homepage saja, di postingan faviconnya jadi blogger lagi. Abis baca ini jadi ngerti caranya...

    Ada yg udah praktekin?

    ReplyDelete
  39. sip, mantep nang.. udah nongol diblogku.. http://www.kuspito.co.cc

    ReplyDelete
  40. au coba kok engak bisa ya mas...ajarin aku donkkkkk...

    ReplyDelete
  41. iya nie,,,dah ngikut caranya mas anang kok ga iso ya mas....

    ReplyDelete
  42. Oke mas .. it works for me..
    thanx for share...

    do visit my blog if u have a time..

    ReplyDelete
  43. blognya anang ini ciamik jua..ya

    kalau boleh bertanya bgmn ngeset tampilan blognya sperti ini,terutama postingan yg tampil hanya judul2nya saja..

    trims

    ReplyDelete
  44. mas aku baru saja buat blog di blogspot juga
    bagaimana merubah dasarnya saja agar tampak tertata dengan baik

    sam-deni.blogspot.com atau kirim saran ined_benz@yahoo.com

    saya harap anda membimbing saya
    (seperti privat aja)
    hahhahaaaaa

    ReplyDelete
  45. Makasih bos, akhirnya hilang juga rasa penasaranku... he..he....

    ReplyDelete
  46. Wuits... Akhirnya gw berhasil juga nih masang Favicon.. oh iya gw pake postingannya dikit blog gw yah hehehehhe... thank's banget om, sekedar saran kalo mau upload di zimyc.com aja menurut gw sih lebih enak. maen ke blog gw dong.

    gudangrusak.blogspot.com
    tapi bentar lagi pake domain sendiri jadi
    www.gudangrusak.com

    hehehe

    ReplyDelete
  47. aku teko google nda, lagi nggoleki artikel tentang favicon kok kadang muncul kadang ora, hehe...

    ReplyDelete
  48. pagi,,, duh saa kesulitan nih untuk Menampilkan Favicon di Blog say, ada beberapa kesulitan dalam menerapkan favicon, seperti pada saat meng-hosting dan menerapkannya di blog,, bisa di bantu gak??? link aja kesini http://fik-ale11.blogspot.com, ditunggu ya,,

    ReplyDelete
  49. Bingung mas,.?Maklum pemula,kunjungi blog aq ya mas dan FOLLOW,aq jg dah ikut gbg blog ini

    ReplyDelete
  50. mas anang..
    terimakasih banyak ^^) akhirnya oh akhirnya...

    ReplyDelete
  51. thanks atas informasinya, salam kenal ya gan

    ReplyDelete
  52. Trims Informasinya, salam kenal dari wikibagus.com.

    ReplyDelete

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia. Jika anda tidak punya blog/website, kolom URL boleh dikosongi.

Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan)