Home » Template Hacks » How to change the Blogger Favicon ?

How to change the Blogger Favicon ?

Template Hacks


What is favicon?

While using IE Firefox or Opera you will see an icon on the tab when u visit a page.This is called favicon.By default blogspot blogs have a favicon which looks ugly.See it here at the top of the post.So how to remove it?

Goto Blogger Template>Edit Html
There find the title tag which looks like

<title><data:blog.pageTitle/></title>


and immediately after that add the following code after proper editing

<link rel="shortcut icon" href="URL of your icon file"/>

Remember to replace URL of your icon file file with your icon file's url
Become a Fan

58 comments:

  1. Working..Thanks a ton :)
    ReplyDelete
  2. please tell me from where you get that Social bookmark script? Can u give that to me.....?
    ReplyDelete
  4. Thanks, you helped me a lot!
    ReplyDelete
  5. thanks alot!! luv u~!hehe
    ReplyDelete
  6. The worked great on my home page. Thanks a ton.
    Can it also be removed from sub pages?
    I still get the Favicon on comment pages.
    ReplyDelete
  9. THANK YOU SOOOOOO SOOOOOOOO SOOOOOOOOO MUCCCCCCCCHHHHH !!
    ReplyDelete
  10. thanksssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
    ReplyDelete
  11. thanks kaka.......................
    ReplyDelete
  12. itz not working
    ReplyDelete
  13. Many Thanks! It worked for me!
    ReplyDelete
  17. thank you somuch. very easy and usefull
    ReplyDelete
  19. Hi, I've followed all the instruction to change the favicon icon and to remove the navigation bar but it doesn't work on my blog. Can You help please.
    http://dieta-e-salute.blogspot.com
    ReplyDelete
  20. it doesnt work.. please help me
    ReplyDelete
  22. it does not work in IE7 and chrome. only work in firfox
    ReplyDelete
  23. information is very useful for me, i will try it. if not rub proferly then i will comeback .thanks
    ReplyDelete
  25. Nope, I have tried this every which way and for some reason it doesn't work. Whenever I hit "Save template" it switches what I've just typed in and the "shortcut icon" part goes to the end after my url icon. What am I doing wrong?
    ReplyDelete
  26. I have changed it but it sees only in homepage and not in blogpost URLs. pls help.

    see: http://www.maaybhumi.com/
    and
    http://www.maaybhumi.com/2010/04/blogger-blog-site-builder-website.html
    ReplyDelete
  27. It is not working for me. How long does it usually take?
    ReplyDelete
  29. Wow, I tried so many other codes and none of them worked, but this one did. Thanks!
    ReplyDelete
  31. hello guys, where do u convert the favicon? and where do we uploads to get url? please help me!!

    Best regards.. naila
    ReplyDelete
  32. Thank you, NetBit - that allowed it to work on Chrome. :)
    ReplyDelete
  33. @abu naila: you can upload the picture you want to a free image host, such as photobucket or imageshack, then you'll get the image url. you don't need to convert the file type :)

    nice tips! it works well on my blog. thanks a lot^^

    http://gadispencintabuku.blogspot.com
    ReplyDelete
  34. is there any problem from blogger if we change the default favicon?
    ReplyDelete
  36. Thanks alot worked fine :)
    ReplyDelete
  38. I am married but I still want to say"I LOVE YOU":)
    thanx a ton for such wonderful wonderful tutorials:)
    u r amazing.I have blogged about one of your tutorials & ofcourse linked it back to you:)
    thank you so much
    priti
    ReplyDelete
  39. i love it... thanks folks(~_~)
    ReplyDelete
  40. thank you so so soooooooooooooooo Much...............
    ReplyDelete
  42. thanks !!!
    usefull post ^^
    ReplyDelete
  43. its works for me at http://www.cellguru.co.cc
    but i tried .png instead of .ico as it is imossible to upload .ico file on blogger(picasa)

    my code is
    <
    link href='http://4.bp.blogspot.com/_pEm7qRCQJBg/TNl9mVwq79I/AAAAAAAAAuY/IB-qeOHT10A/s1600/cellguru.png' rel='shortcut icon' type='image/vnd.microsoft.icon'
    / >
    ReplyDelete
  44. it is not working. i followed the tutorial step by step but mmy favicon still the default orange B icon. :< http://bit.ly/dE6hL8
    ReplyDelete
  45. Hi, it works! for everyone, you must put this code
    < link href='URL of your icon file' rel='shortcut icon' type='image/x-icon'/ >
    after: < title>< data:blog.pageTitle/>

    --
    benek
    http://benjaminek.blogspot.com
    ReplyDelete
  48. www.danphp.com is my blog. But am unable to change my blog favicon..

    Please send me the script...
    ReplyDelete
  49. it really works thanks alot...thousand thank you....
    ReplyDelete
  51. It's still showing blogger's favicon...
    ReplyDelete
  53. i ve tried many time inside meta tag but never worked even when i post this after < data:blog.pageTitle > really i was amazing thanks so much, thanks for help..
    ReplyDelete
  55. thanks l love it and i will try it on my blog www.eglomour.blogspot.com
    ReplyDelete
  57. Hey how can i get the URL of my Icon, i seem a little bit confused here.
    ReplyDelete
  58. @Daniel - sorry dude. this is an old post. now things are pretty easy. Refer http://www.bloggerplugins.org/2011/07/change-blogger-favicon-easily-code.html :-)
    ReplyDelete