Amazon.com Widgets

How to add a favicon to your Blogger blog

Written by Malin on September 23, 2007 – 10:32 am -

Here is a little tutorial on how to add a favicon to your Blogger/Blogspot blog. A favicon is the little image next to the website address in your browser.

  • Check out my How do I add a favicon? post I made earlier. Follow the steps in Option one to create the favicon. Then follow the steps on the FavIcon from Pics site.
  • Choose to download the favicon from the site, when downloaded - extract it on your computer and then look in the “extra” folder.
  • Now you can go to for example Photobucket, and upload either the animated_favicon1.gif if you want it to be animated or the preview_16×16.png for the plain image. I chose the last one and renamed it to favicon.png and uploaded it to my Photobucket account.
  • Then go to your Blogger admin panel and click on the template tab and then on Edit HTML.
  • Then add this code before the </head> in your template (replace the URL with your own link to the image!):
    <link rel="Shortcut Icon" href="http://img.yourphotobucketaccount.com/favicon.png" />
    Then save it! And you’re done!

Check out my blogger test site to see my favicon in action!

Thoughts Aside

The cheap web hosting services are preferable for the moderate kind of customers who want to get web hosting services within the range of affordability. You may flourish your business by using the various kinds of the techniques of the internet marketing. The significance of strategies of pay per click has been increasing in the domain of internet marketing. The unique web templates are presented on the different web directories of the web design. the significant role of the cheap web hosting has been admitted by all the webmasters who want to launch their websites on internet.


Posted in How to |
Related Posts


8 Responses to “How to add a favicon to your Blogger blog”

  1. By Mary Krajnovich on Sep 23, 2007 | Reply

    I had made a tutorial on how to do this about a year ago on my other blog… but deleted the post to make that blog my test/dummy blog :D Too bad I deleted it! Great tips!

  2. By Carey on Sep 23, 2007 | Reply

    Thats so cool. I always wondered how people did that. Im gonna give it a try, although im afraid im going to get a little lost when i get to editing the template part.
    Thanks for info.

  3. By Carey on Sep 23, 2007 | Reply

    OK, i tried it out and got stuck. I got all the way to saving it to photobucket. Then when i went to add it to my template, it only showed up under the blogger symbol in the top left corner of my blog. Any ideas? feel free to email me if you have time at crygibb at yahoo dot com

  4. By Fingerling on Sep 28, 2007 | Reply

    The easiest way is to use this online tool
    http://www.htmlkit.com/services/favicon/

  5. By Itchy - The Admin on Sep 28, 2007 | Reply

    Fingerling: That’s the very same tool I linked to in my post, only another url.

  6. By Pips on Sep 30, 2007 | Reply

    This is an interesting blog with great details. Very good.

  7. By Jenny on Dec 20, 2007 | Reply

    Awesome. I love the write up. I added one to my site, but I think I might need to change it soon. xD

  8. By Itchy - The Admin on Dec 20, 2007 | Reply

    Jenny: I’m happy that you like it :)

Post a Comment


Warning: array_rand() [function.array-rand]: Second argument has to be between 1 and the number of elements in the array in /home/blogging/public_html/blog/wp-content/plugins/math-comment-spam-protection/math-comment-spam-protection.classes.php on line 71