How to change the Blogger Favicon ?


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

58 comments :

  1. please tell me from where you get that Social bookmark script? Can u give that to me.....?

    ReplyDelete
  2. Thanks, you helped me a lot!

    ReplyDelete
  3. 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
  4. THANK YOU SOOOOOO SOOOOOOOO SOOOOOOOOO MUCCCCCCCCHHHHH !!

    ReplyDelete
  5. thanksssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss

    ReplyDelete
  6. thanks kaka.......................

    ReplyDelete
  7. Many Thanks! It worked for me!

    ReplyDelete
  8. thank you somuch. very easy and usefull

    ReplyDelete
  9. 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
  10. it does not work in IE7 and chrome. only work in firfox

    ReplyDelete
  11. information is very useful for me, i will try it. if not rub proferly then i will comeback .thanks

    ReplyDelete
  12. 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
  13. 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
  14. It is not working for me. How long does it usually take?

    ReplyDelete
  15. Wow, I tried so many other codes and none of them worked, but this one did. Thanks!

    ReplyDelete
  16. hello guys, where do u convert the favicon? and where do we uploads to get url? please help me!!

    Best regards.. naila

    ReplyDelete
  17. Thank you, NetBit - that allowed it to work on Chrome. :)

    ReplyDelete
  18. @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
  19. is there any problem from blogger if we change the default favicon?

    ReplyDelete
  20. 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
  21. thank you so so soooooooooooooooo Much...............

    ReplyDelete
  22. 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
  23. 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
  24. www.danphp.com is my blog. But am unable to change my blog favicon..

    Please send me the script...

    ReplyDelete
  25. it really works thanks alot...thousand thank you....

    ReplyDelete
  26. It's still showing blogger's favicon...

    ReplyDelete
  27. Working...thx dude

    ReplyDelete
  28. 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
  29. thanks l love it and i will try it on my blog www.eglomour.blogspot.com

    ReplyDelete
  30. Hey how can i get the URL of my Icon, i seem a little bit confused here.

    ReplyDelete
  31. @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
  32. http://princegladsonnet.blogspot.in/

    this blogspot is designed awesome. has its own favicon too. have a look buddys.

    ReplyDelete