How to Add Favicon in Blogger, Blogspot easily

Posted 15th May 2008 | 171 Comments

In a previous posts I talked about how to add a favicon in WordPress blog. Today I will show how to add favicon in Blogger blogs without using any plug-in. Please keep in mind if you are tech savvy you can add a favicon to your WordPress blog without and additional plug-in as well.To add a favicon you need to have a favicon and there are plenty of ways to create a favicon.If you are planning on using Photoshop then you need to download this plug-in.

Create and Host Favicon for your Blogger blog

If that's not possible there are plenty of sites out there that generates a favicon for you when you upload an image.Do a Google Search for "free favicon Generator" and plenty of sites would come up.I personally used http://www.genfavicon.com/ to create them because after uploading the image they let you select a portion of the image you want as the favicon. Set the size ( 16 x 16 ), capture and preview and you get a link to download the .ico file. The whole process want take you five minutes.

Since you cant upload .ico files to blogger you need to find some free image hosting service to use and of course that service should let you upload .ico files.Since your using a service by Google I suggest you use Google page creator which lets you upload .ico files.Then get the link to the favicon file.

If that's a bit complicated for you go to http://www.iconj.com/ where it creates a favicon for you and gives the facility to host if for free too.And it generates the url to be added in your header so I think this is the most easiest method for non tech bloggers.Thanks to Military Wife for sharing this info.

Update - I'm getting comments saying that iconj doesn't work anymore. So the best option is to create the favicon using genfavicon and upload it to a free image hosting site. I recommend ImageBoo , you don't have to register and you can upload ico files. After uploading the file select the direct link given at the very bottom. It should look like "imageboo. com/files/1zh7vnfh8qwhu9f1dinu.ico " , add that as the "your url" given in the below instructions.

Add favicon in Blogger

How to add a Favicon in Blogger

Add Favicon in Blogger

*** Update - Previously you needed add HTML code manually to add a favicon in your blog. But now you can add it easily using the Blogger dashboard. Go to your dashboard and go to the Design tab. Select the Page Elements section. At the top you find a separate are for the favicon. Click the edit button and upload your file and your done.

Take your blog to the next level , Learn from ProBlogger Darren Rowse all the secrets you need to make six figures from your blog.ProBlogger: Secrets for Blogging Your Way to a Six-Figure Income

There are some basic mistakes made by blogger , especially new bloggers that can reduce there traffic , networking and money making oppurtunities. Check whether you have made these blog design mistakes and correct them as soon as possible.

Please share with your friends and help me spread the word

Post Title: How to Add Favicon in Blogger, Blogspot easily
Author:
Posted: 15th May 2008
Filed As: Blogging Tips
Tags: , , , , , ,
You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

171 Opinions have been expressed on “How to Add Favicon in Blogger, Blogspot easily”. What is your opinion?
  1. Jabar commented:
    May 16, 2008 at 5:47 PM

    Here thorough your post about blogger vs wordpress , what do you recommend as a web hosting company ?

  2. Military Wife commented:
    May 25, 2008 at 6:10 PM

    Thanks, I now have a favicons on both my blogs!!! I found a site that generates and hosts the icon for you, and its FREE.
    http://www.iconj.com/icon_generator.php

    See my favicons:
    http://sahmilitarywife.blogspot.com
    http://novelbloggers.blogspot.com

  3. Nishadha commented:
    May 26, 2008 at 1:34 PM

    Thanks military wife , I’m sure people will find the site you found very useful.

  4. Eric commented:
    May 27, 2008 at 1:14 PM

    Great great tip for bloggers using blogspot.
    Now I had my favicon on my site now.
    This makes my blog stand out from other blogspot sites with that “B” icon before the websites name.
    Thanks!

  5. SGE commented:
    May 27, 2008 at 1:20 PM

    Hi there,

    And for the tip!
    It was most helpful (will apply it as soon as I can).

    Cheers,
    SGE

  6. KCee commented:
    June 2, 2008 at 3:47 PM

    Hi! Thanks for reminding me about making my own favicon. I’ve been putting it off for a while, good that you mentioned it! I just uploaded it now. :)

  7. Nishadha commented:
    June 2, 2008 at 4:20 PM

    You are most welcome KCee :)

  8. caroline commented:
    June 3, 2008 at 4:18 PM

    Thank you for leaving me the comment on my blog about this post! I just got mine uploaded!

    Thanks again!

  9. Nishadha commented:
    June 5, 2008 at 4:03 AM

    Dan , I updated the post with exactly which line you should search for , insert the url generated from icon generator under that line and let me know how it goes.

  10. ChampDog commented:
    June 9, 2008 at 12:34 PM

    Nice post! I have just done mine. Thanks a lot! Just a comment to the rest of the readers, if you copy & paste the code directly and it doesn’t work, you may want to manually type in the single quote: ” ‘ “.

  11. Ben commented:
    June 9, 2008 at 11:30 PM

    How do I insert code into the header space when it is already filled by the header image?

  12. lori commented:
    June 10, 2008 at 4:07 AM

    Hello there,
    I guess I really am a new at this I downloaded the fav thing and did it okay but can not get to where it should go.

    Well thank you I did at least download it :) and thank you for dropping by my site

  13. Nishadha commented:
    June 10, 2008 at 4:11 AM

    Thank you ChampDog for sharing that information.

    Ben,
    I checked out your site , if you go to the edit html tab I don’t think you will see an image.search for the title tag mentioned in the post and insert the necessary code after that.Let me know how it goes.

  14. Achmad Z commented:
    June 10, 2008 at 9:57 AM

    Thank you for the info. I’ve added my fav icon.

  15. Garden Gnome commented:
    June 10, 2008 at 4:56 PM

    Thank-you for this information! I’m in the process of adding favicons to all of my blogs. It took awhile to find where to put the favicon information on my cooking blog http://momskitchencooking.blogspot.com but I finally got it working. For some reason it is not working in Camino even though I cleared the cache and did have it work once. It’s working fine in Safari. I used the icon hosting site posted above. For anyone interested it works nicely with little effort. Photobucket won’t upload favicons :(

    Garden Gnome

  16. Eric S. commented:
    June 11, 2008 at 12:42 AM

    Thanks for the tip, I bookmarked this page so I can come back once I figure out what I’m going to use for a favicon. It is a little difficult to come up with something that will stand out.

    Thanks for coming by my site and suggesting this.

  17. Kandrey commented:
    June 15, 2008 at 2:30 PM

    Children in need.
    DONATE EDUCATIONAL MATERIALS TO CHILDREN IN IMPOVERISHED COUNTRIES
    In some parts of the world, educational materials such as books, paper, pencils, rulers and erasers are scarce and expensive. Donate now to help children in need.
    LIBERTY RESERVE: U9022457

  18. BlogMeTheMoney commented:
    June 16, 2008 at 12:46 AM

    Thank you for submitting your entry to the Weekend Quick Picks.

  19. hategan2005 commented:
    June 20, 2008 at 9:29 AM

    THank you for your nice post. I will post a fav icon on my blog too. It seems to be inovative and usefull to post fav icons on your blog. And i will to. Keep up the good work, and i will come back to read more.

  20. Cindi-Moomettesgram commented:
    June 24, 2008 at 2:36 AM

    Thanks for EC dropping by my blog & for this tip! I now have it on my blogger site and am trying to figure out how to add it to my WordPress blog!

  21. Rohit commented:
    July 1, 2008 at 8:21 AM

    Thanks for information about favicon..

  22. crazykittykat1 commented:
    July 8, 2008 at 12:08 AM

    thanks for pointing out the hosting site from Military Wife. I have tried a couple of sites and had no luck. I finally got one of these to work for my blog!

  23. Geoserv commented:
    July 18, 2008 at 1:33 PM

    STUMBLED!

    Fantastic post that I’m sure a lot of people will definitely use.

  24. Nishadha commented:
    July 18, 2008 at 4:05 PM

    Thanks for the stumble Geosery :)

  25. mantiz commented:
    August 7, 2008 at 9:17 AM

    thanks a ton:)
    I was searching how to do this for some time.. you have explained it clearly in simple language, great job!

  26. Nishadha commented:
    August 7, 2008 at 11:53 AM

    @mantiz, glad it helped you :)

  27. Nishadha commented:
    August 22, 2008 at 3:42 AM

    @Abishek,
    If Google Pages are not working for you please try the http://www.iconj.com/icon_generator.php link. That’s the one I’m using and it works perfectly for me. Let me know if you got it to work.

  28. Nishadha commented:
    August 31, 2008 at 4:28 PM

    @All Mod Cons,
    Glad you found the information useful. I didn’t get the last part of your message though , are you going for self hosted blog ?

  29. oriental banana commented:
    September 4, 2008 at 12:09 AM

    thanks for the easy-peasy tutorial!

  30. Nishadha commented:
    September 4, 2008 at 3:44 AM

    @oriental banana,
    You are welcome :)

  31. himanshu commented:
    September 7, 2008 at 7:41 AM

    thanks a lot I was looking for this for an hour but finally found it on your blog and now I have my own favicon in my blog.Do check out my favicon and tell me whether you like it or not

  32. prashanth commented:
    September 17, 2008 at 6:18 AM

    Very good info… Keep going…

  33. shaunmayfield commented:
    November 14, 2008 at 7:51 PM

    Here is my coding and I have followed everyones tutorials and can not get it. Something simple probably is wrong, anyone care to look it over and tell me where I am wrong? Possibly email me back at eugene.mayfield@gmail to explain what I need to fix.

    <![CDATA[/*

  34. Nishadha commented:
    November 14, 2008 at 8:17 PM

    @shaun,
    The problem was you have added it to your blogspot blog but not in the header section of the new website. I mailed you a file with the relevant details , it should fix the problem :)

  35. Jakolien commented:
    November 23, 2008 at 11:51 PM

    Great post, now if I could only get it to work :-( I uploaded to the site military wife mentioned. And pasted after head. When I save the icon changes to a blank note but immediatly back to the B… Please help?
    Thanks!

  36. Nishadha commented:
    November 24, 2008 at 4:06 AM

    @Jakolien,
    In the dynamic code section change the href to “http://www.iconj.com/ico/t/s/ts317y5xld.ico” in the first line and remove the second line in the dynamic code section. I tried this with one of my blogger blogs and it seems to work fine now. Let me know how it goes :)

  37. Jakolien commented:
    November 24, 2008 at 8:16 AM

    Oops that didn’t work? Maybe now?



  38. Jakolien commented:
    November 24, 2008 at 8:22 AM

    Guess not LOL. Nishadha, I’ve send you the XML per mail!
    Thanks again!
    Greetings from The Netherlands :-)

  39. Abner Fan commented:
    December 24, 2008 at 4:19 PM

    thank you,it worked

  40. Nishadha commented:
    December 25, 2008 at 12:27 PM

    @Abner,
    You are welcome :)

  41. hj commented:
    December 25, 2008 at 4:51 PM

    It don’t work with the code in this post…

  42. Nishadha commented:
    December 26, 2008 at 10:42 AM

    @hj,
    it should work since they are working in my blogspot blogs , maybe you have added the code at the beginning and your original favicon is overridden by the default blogspot favicon. View the source of your blogspot blog and see if your ico url comes after this http://www.blogger.com/favicon.ico , most probable its coming before that and getting replaced by the blogger favicon , check and let me know if it works.

  43. Nishadha commented:
    December 31, 2008 at 3:45 AM

    @DebtFreeDave,
    You need to add a bit more code for your favicon to appear in Chrome. You haven’t added the type part of the code ( type=’icon’ ) , add that and see it should work in Chrome as well. Let me know how it goes

  44. DebtFreeDave commented:
    December 31, 2008 at 12:32 PM

    Nishadha,
    It didn’t work, but it’s probably my stupidity more than anything ;-)

  45. Nishadha commented:
    December 31, 2008 at 3:47 PM

    @Dave,
    I cant see the added code when I view the source of your blog, if type = ‘icon’ doesn’t work you can try type=’image/vnd.microsoft.icon’ and see if it works now.

  46. Learn2Flash commented:
    January 1, 2009 at 11:33 AM

    Thank you so much! I have now created a Favicon for my blogspot! This is really very helpful information.

    ~Learn2Flash

  47. Nishadha commented:
    January 1, 2009 at 4:42 PM

    @Learn2Flash,
    You are welcome :) , glad you found it useful.

  48. Nishadha commented:
    January 8, 2009 at 3:29 AM

    @Kalai,
    I checked it in IE , FireFox and Flock and it seems to be working fine , whats the browser you are using ?

  49. Kalai Selvan commented:
    January 8, 2009 at 7:50 PM

    chrome nishadha…

  50. dicoca commented:
    January 10, 2009 at 1:27 PM

    Here is a tutorial to insert a favicon in Blogger, and it is working currently (check on my own blog).

    http://dicocolight.blogspot.com/2008/06/logo-dans-la-barre-d-adresse-blogger.html

  51. Nishadha commented:
    January 10, 2009 at 2:02 PM

    @Kalai,
    for it to work on chrome you need to add the type=’image/x-icon‘/ part , sadly the default one generated from iconj doesn’t have it. Should work after adding it.

  52. Kalai Selvan commented:
    January 19, 2009 at 9:19 PM

    Hey Nishadha Finally I’m Done Man.. I have Tried With all Browsers.. Thanks Mate..

    Look at those..
    http://article-publisher.blogspot.com/
    http://kalai-spec.blogspot.com/

  53. Kalai Selvan commented:
    January 19, 2009 at 9:20 PM

    Do Support My blogs…

  54. Nishadha commented:
    January 20, 2009 at 2:16 PM

    @Kalai,
    You are welcome mate :)

  55. miriam commented:
    March 4, 2009 at 2:50 PM

    thank you! even works in safari. ah. everyone can see my butterfly now. goodshit.

  56. MadzS commented:
    March 11, 2009 at 7:04 AM

    Thank you for this tutorial, good thing I found my way here as the first attempt to putting a favicon in my blog was a failure. :)

  57. Nishadha commented:
    March 11, 2009 at 7:16 AM

    miriam & Madzs,
    you are welcome , glad you found it useful

  58. Jules commented:
    March 14, 2009 at 10:54 AM

    Thank you so much for sharing how to do make one !
    I’ve been wanting my own favicon for ages, and now I have ! :)
    I will be sharing this site with other.

  59. Nishadha commented:
    March 15, 2009 at 5:06 PM

    @Jules,
    Glad you found it useful and thanks for sharing and the link :)

  60. Nishadha commented:
    March 18, 2009 at 3:25 PM

    @Argentum,
    iconj seems to be down at the moment , I will check for a day or two and remove the link from the post , meanwhile you can try the other website , create the icon and upload it to Google pages and get your favicon displayed

  61. Argentum Vulgaris commented:
    March 20, 2009 at 11:19 AM

    Nishadha, thanks for the reply. I see today that the favcons are back in place.

    I am going to link your page on my blog Tomas Arcanum so that others may take advantage of your wisdom in this matter.

    Thanks again

    AV

  62. Nishadha commented:
    March 20, 2009 at 4:27 PM

    @Argentum,
    Glad you found it useful and thank you linking back :)

  63. Swizz commented:
    April 1, 2009 at 1:15 AM

    I did it! So easy. Thank you for the step by step walk through. I used the icon/j generator and it took from start to finish about 2 minutes.

    Wahoo! I have a favicon (and I didn’t even know what one was until I read your post!)

  64. Nishadha commented:
    April 1, 2009 at 3:41 AM

    @Swizz
    Glad you found the article useful and nice looking favicon too

  65. Nishadha commented:
    May 3, 2009 at 4:46 PM

    @Radiance,
    Glad you found it useful :)

  66. Kirk commented:
    June 10, 2009 at 10:27 PM

    HI, great post, but I have a problem, When I upload the code and link, I see the favicon, but only on my home page of my blog. Not on any other post page. Could someone please help me with this. Thanks!

    • Nishadha Silva commented:
      June 10, 2009 at 10:40 PM

      Checked out your blog , you have added the code inside the title tags , You have to add it just after the title tag not inside it. You may also want to replace the original code inside the title tag because your title is showing the link to the image at the moment. Feel free to contact me if you have any problems

      • Adi F. Paputungan commented:
        June 13, 2009 at 1:48 AM

        Ah.. that's why the favicon wouldn't show up in posting page (only show up at the home page). Thks for clearing up this. Now my blog have its own favicon (and its in png extension, hosted in photobucket).

  67. Kirk commented:
    June 11, 2009 at 10:52 AM

    Sorry, my bad, I figured it out! THanks!

  68. Kirk commented:
    June 11, 2009 at 5:47 PM

    Thanks for helping me, but I just don’t get it. here is the code I have…

    |

    I’ve tried moving the code around, but this is the only way the favicon will show up. Any suggestions? Thanks

  69. agentmango commented:
    June 15, 2009 at 8:24 AM

    iconj was not working anymore..

  70. koolforkatz commented:
    July 5, 2009 at 1:44 PM

    Thank you SO much for posting the genfavicon site. I'd been trying all morning, unsuccessfuly, with other more complicated instructions. This worked in 30 seconds.

  71. yhan02ph commented:
    July 13, 2009 at 7:53 PM

    these post really helps me change my favicon..thanks for sharing a detailed information.

  72. debbielee commented:
    July 23, 2009 at 11:17 PM

    hey there i've been trying this for so long but i can't seem to add the favicon to my blog. i can't find the <title><data:blog.pageTitle/></title>.

    oh someone please help

  73. debbielee commented:
    July 23, 2009 at 11:44 PM

    hey i just figured it out =0
    hahaha was so dumb of me
    THANK YOU SO MUCH FOR ALL THIS INFO! has been a GREAT help

    you rock =)

  74. debbielee commented:
    July 24, 2009 at 11:51 PM

    hey there i got one more problem. i realized that the blogger favicon's code is before mine when i check my page source so my favicon doesnt appear everytime. how can i fix it? hat do i do?

    • Nishadha Silva commented:
      July 27, 2009 at 12:16 AM

      Hey sorry about the late reply , yep the blogger favicon is before yours , but since your favicon code comes after that your favicon should be the one that is visible. I have added this to my blogspot blogs and they work without a problem , can you please post your blog so I can take a look at the code :)

      • Nishadha Silva commented:
        July 27, 2009 at 2:31 AM

        You have given the address of web page generated by genefavicon. Try generating it again , then when the favicon is generated right click on the image and save ico file somewhere. Then upload it to a server and then give that path in href = . If that sound a bit complicated used the iconj link , the process is much simpler and they do the hosting for you as well :)

      • debbielee commented:
        July 27, 2009 at 2:48 AM

        SUCCESS! thank you so duper much you've been such a great help =))))

      • Nishadha Silva commented:
        July 27, 2009 at 2:53 AM

        Glad to help , cute little favicon by the way :)

      • debbielee commented:
        July 27, 2009 at 2:56 AM

        thanks =))) again thank you =) really glad to have made my blog different =)

  75. csram commented:
    July 29, 2009 at 9:08 AM

    tanx ya.i try tis fav icon technique by d steps given in many sites bt no use.bt i did it easily using ur site.1s again tanx………

  76. Sharona commented:
    August 1, 2009 at 2:19 PM

    it doesnt work! U SUK! STOP WASTIN MY TYM!

  77. Ken Snyder commented:
    August 15, 2009 at 10:39 AM

    I am at my wits end. I consider myself pretty “web literate” but I can't get the favicon to work with Blogger. For years my blog favicon worked and then one day (around the time that blogger's new layout styles came out of beta) my blog went back to the default icon. Since then I've tried various small things but can't get it to work. I have followed your steps and tried again but with the same results … my link reference IS in the HTML source code, it is in the right place (aka, right after the TITLE), and yet the blogger favicon reference that I guess is inserted by default above it seems to take precendence.

    My blog is http://kensnyder.blogspot.com. Any help would be GREATLY appreciated.

    • Ken Snyder commented:
      August 15, 2009 at 11:21 AM

      Well I must say I had too many “test blogs” and I was pointing to the wrong one. It works now. It is all predicated on putting the text right after <TITLE>. Very helpful and thanks for your post.

      • Ken Snyder commented:
        August 15, 2009 at 11:29 AM

        I do have one more question … is there a way in an ICO file to specify an transparent background? My icons all have white backgrounds that look ok when a tab has focus but a bit awkward when the tab is not in focus (and the tab colour is grey).

      • Nishadha Silva commented:
        August 15, 2009 at 11:45 AM

        I'm not exactly sure about your question , but if you are looking for a favicon with a dark background one thing you can do is create an image of the favicon you want using Paint or some software and then generate the ico file using one of the links given above , hope this answers your question

  78. Ken Snyder commented:
    August 15, 2009 at 10:42 AM

    Ironically, did you notice that this blog doesn't show the favicon when you look at the comments page? (it works fine when you're not viewing comments)

    • Nishadha Silva commented:
      August 15, 2009 at 11:38 AM

      Thanks for pointing that out , As you have mentioned they don't seem to work when a comment is clicked , maybe its something to do with DISQUS which is my commenting system , Need to check it out a bit more

  79. lorena23 commented:
    August 29, 2009 at 1:03 PM

    Thanks! Great Help. =)

  80. jaike commented:
    September 4, 2009 at 7:38 PM

    nice awsome man
    but if ur blogger user you can host it aswell

    ty xD

  81. Nishadha Silva commented:
    September 18, 2009 at 11:34 AM

    what is your blog url ? , I can check it out for you and see whats wrong

  82. gJoshi64 commented:
    September 19, 2009 at 11:56 AM

    Hey Nishadha !! Thanks a lot for such a beautiful tutorial. And I must say the comments section has added value to the post for I fixed my problem by the discussion in one of the comments. I shifted the code near </head> tag from immediately after the</title> tag as that was displaying the “Blogger” favicon instead of mine.
    Thanks again Nishadha for sharing.I'll soon link back to this post in my credits links.

  83. Nishadha Silva commented:
    September 20, 2009 at 8:46 AM

    debbie , iconj is down at the moment , that is why your favicon is not appearing , your code is ok , it will be ok in another hour or so , I will update some alternative places to upload the file so people have more options

  84. argentumvulgaris commented:
    September 23, 2009 at 1:44 AM

    iconj has been down for days (4 I think) has the service ended?

    What is an alternative?

  85. argentumvuglaris commented:
    September 23, 2009 at 2:27 PM

    Thanks for the update, I have moved all to the new host site and all is weel. I now have Favicons again.

  86. avi commented:
    October 1, 2009 at 11:58 AM

    Thanks. Its realy a good post,very much helpful for me.

  87. debbielee commented:
    October 2, 2009 at 10:08 PM

    thank you so much for the update =)
    was really easy to understand!

  88. Web designing commented:
    October 13, 2009 at 12:27 AM

    Its a very nice post so thanx for this!

  89. deeba commented:
    October 18, 2009 at 8:49 PM

    I tried but messde up somewhere & now have a W instead of the blogger icon. I'm lost in all the code & don't know where to begin removing it form. Can you possibly help? Thanks

    • Nishadha Silva commented:
      October 18, 2009 at 9:14 PM

      The idea is to removed the blogger icon and have your own customized icon and by the looks of things you have done it correctly and the “W” icon is showing up. Do you want to remove it and get the original blogger icon back ?

  90. pinkyunki commented:
    October 22, 2009 at 5:05 AM

    hi there.. thanks for your easy steps. I'm happy to have my own favicon!

  91. Julie commented:
    November 6, 2009 at 2:42 AM

    this was incredibly helpful!! so simple & easy! thank you!!!

  92. jmarloren commented:
    November 7, 2009 at 1:01 PM

    Really helpful!!
    Simple and easy!
    thank you!!!

  93. mede commented:
    December 6, 2009 at 11:05 AM

    This error appears to me: XML: The content of elements must consist of well-formed character data or markup.
    :-? ?

  94. faa commented:
    December 14, 2009 at 8:46 PM

    it really works! thank you thank you thank you!!!!

  95. Lauren commented:
    January 12, 2010 at 2:39 PM

    Im having issues. It keeps giving me the following error
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The character sequence “]]>” must not appear in content unless used to mark the end of a CDATA section.

    Help?

    • Nishadha Silva commented:
      January 12, 2010 at 8:38 PM

      Did you only add that line , I checked the source code and the HTML part was added correctly. However I don't think your favicon will get displayed. You have given the download page of the favicon file as the url , but you must give the path to the correct icon file for it to be displayed.

  96. Nishadha Silva commented:
    January 16, 2010 at 6:10 AM

    Glad you found it useful and thanks for commenting. Its comments like your that make blogging a pleasure

  97. dust n roses commented:
    January 17, 2010 at 3:34 AM

    yey! it worked, thanks!

  98. Nishadha Silva commented:
    January 18, 2010 at 8:53 PM

    Sorry Grace , I don't know how to solve that

  99. kashif commented:
    January 30, 2010 at 3:12 AM

    thanks!
    i added favicon the way you suggested…. n it worked!
    :)

  100. bLupyr0 commented:
    February 3, 2010 at 8:07 AM

    The problem with this is when you'll go to other page of your blog, your favicon won't appear, it only appears in Homepage. is there any fix with this?

  101. Edward commented:
    February 4, 2010 at 12:27 AM

    I figured it out now. My theme has a different coding, for the title page and the body page, it separates because of the slideshow. That's why I also placed it in the body section.

  102. Edward commented:
    February 4, 2010 at 1:57 PM

    I figured it out now. My theme has a different coding, for the title page and the body page, it separates because of the slideshow. That's why I also placed it in the body section.

  103. Dee commented:
    February 11, 2010 at 4:46 PM

    Thank you so much! it worked for me. Been wanting to put favicon on my blog and finally I found something that really works. :)

  104. Rob commented:
    February 17, 2010 at 7:40 AM

    I tried it following the above, and can't get it to work. Help!!

  105. Rob S commented:
    February 18, 2010 at 5:17 AM

    I did Exactly as you describe above. This time all coding was saveed successfully, but no Favicon showing??
    What do you suggest??

  106. mihai from romania commented:
    March 1, 2010 at 2:00 PM

    thanks for tip
    it's awesome!

  107. Maeve commented:
    March 7, 2010 at 11:17 PM

    Thank you very much, I tried some other way's to get my favicon into the blogger page but this is the only one that worked. Sindce they don't support FTP anymore and i have to deal with the blogger template it's not standard HTML anymore…

  108. stephaniliffe commented:
    March 14, 2010 at 6:09 PM

    <link href='your url' rel='shortcut icon' type='image/x-icon'/>

    must go just before
    </head>

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

  109. gold commented:
    March 19, 2010 at 7:44 PM

    Thank you so much! I was able to add the favicon in my blog! at first it didn't work. I forgot to add the rel='shortcut icon' type='image/x-icon' inside the link. anyway, thank you so much! this is great tutorial!

  110. Yale Zeuqsalev commented:
    April 7, 2010 at 11:47 AM

    Of all the sites I've stumbled upon, yours is the only one that helped me on the favicon. Thanks much and I will surely follow you on twitter : )

  111. Nishadha Silva commented:
    April 7, 2010 at 1:37 PM

    Hi, try adding the code above “<”title”>”lovaly.bs.com”<”/title”>” , it might work then , if it doesn't send me the template I will look into it , nice blog btw

  112. khrys { Mom of 3 Dolls } commented:
    April 9, 2010 at 12:48 AM

    Thank you! Yours the only site that I found to be simply and correct! at adding the favicon! It only took a few minutes and then there is was! Thank you, thank you!

  113. sumit commented:
    April 19, 2010 at 11:20 PM

    Hi there,
    Great post. But there seems one problem with my blog. After using your code I found nothing is showing im my page. However when I pasted the code after the code

    I found it working like charm.

    Also I read somewhere that to show your favicon in Chrome and Safari the following code

    <link href='icon file url' rel='icon' type='image/x-icon'/>

    must be used along with the one given by you.

    Hope thats of some help to those facing problems.

    Keep up the good work

    • Nishadha Silva commented:
      April 20, 2010 at 1:59 PM

      I'm sorry I can't see the code you have pasted . probably because it is converted to HTML , also isn't the code you have mentioned the same as the one I have put up in the blog post ?

  114. Nishadha Silva commented:
    May 10, 2010 at 9:09 AM

    whats the url of your blog so I can look into it a bit

  115. Nishadha Silva commented:
    May 23, 2010 at 1:38 PM

    Hi Susan , the most likely thing is you forgot to add the < symbol before the link element , you should be ok after you added that

  117. Rajesh Patel commented:
    June 8, 2010 at 9:56 AM

    Thanks for Sharing. :)

  118. Anxiety Jane commented:
    July 9, 2010 at 7:57 AM

    Finally – a favicon code that works! I've been through many other 'expert' sites only to find their code was useless. Thank you so much!

  120. Henry Martin commented:
    July 25, 2010 at 12:01 AM

    Great post! Thanks for sharing! I tried a lot of ways, and finally this one works. Thanks!

  121. Nishadha commented:
    December 28, 2010 at 5:16 PM

    You are most welcome :-)

  122. Nishadha commented:
    January 4, 2011 at 11:11 AM

    That is because you are not linking to a ico image file, your just using a link to picasaweb , which doesn’t support ico files, please check the instructions about hosting your ico files and try again

  123. kampik commented:
    January 24, 2011 at 5:50 AM

    Thank you. That’s work!

  124. kampik commented:
    January 24, 2011 at 5:52 AM

    That’s work. Thank you so much!

  125. Mila commented:
    April 14, 2011 at 1:03 PM

    Finally !!!!!!!! A favicon code that works! I’ve been through many other sites on HOW to’s took so much of my time only to find their code was effffin useless. I had to Thank you so much for this! I also use that imageboo, i hope it will work for a long time again thank you!

  126. Nishadha commented:
    May 4, 2011 at 12:36 PM

    It seems to be working find and I can see your new favicon as well. I’m using Firefox, whats the browser you are using ?

  127. ariewayq commented:
    May 23, 2011 at 11:21 PM

    i will try
    thanks

  128. Justin Lee commented:
    May 31, 2011 at 9:05 AM

    Thanks for this guide. Is it normal that you won’t be able to see the favicon in Internet Explorer. It seems to work fine with Chrome and Firefox. I tried refreshing IE but the favicon is still not showing. Does it take time to load?

  129. Nishadha Silva commented:
    May 18, 2009 at 2:39 AM

    Hi Harish , Thanks for commenting , what part of the tutorial did you find it hard to understand ? Is there any suggestion you would like to make to make it much better. Appreciate your feedback :)

  130. Nishadha Silva commented:
    September 23, 2009 at 6:12 AM

    nice service , unfortunately I don't know how to get rid of the blogger icon permanently

  131. Nishadha Silva commented:
    January 12, 2010 at 8:35 PM

    Thanks for spreading the word around , it would have being nice if you linked to the original post in your post

Trackbacks/Pingbacks

  1. Pros and Cons of Firefox 3 | Rumbling Lankan commented:
    June 26, 2008 at 11:52 AM

    [...] Cindi-Moomettes… in How to add a favicon in Blogger [...]