Search This Blog

Sunday, August 23, 2009

Change Blogger Favicon

This Blog post will explain how to add favicon for your Blog
The main advantage of creating and using favicon is ,it makes it easy to find your blog or site when someone favourited or bookmarked your site/blog among several other sites.


So,ready to create a favicon for your Blog!

favicon
All you need is a program to create a favicon in (.ico) format.If you haven't a program to create in .ico format,
No Problem....you can also use png or gif format.If you have Photoshop, or any other programs like that,open it and create a 16*16 image and save it as .png or gif format [look at the below screenshot below]

save the image in png format
Or there are so many online sites which can create a Favicon for you,just google 'free online 16*16 icon generator' .They ask you to upload a picture from your desktop,and they convert it into 16*16 .ico file.

You are just a few steps away from creating a beautiful Favicon for your site....

go to your blog dashboard>Layout>Edit Html




and look for this code




add the following code right after it

<link href='http://www.textmarks.com/images/WidgetAlphaIcon-B.gif' rel='shortcut icon'/>
<link href='http://www.textmarks.com/images/WidgetAlphaIcon-B.gif' rel='icon'/>

replace the 'icon file url' ie http://www.textmarks.com/images/WidgetAlphaIcon-B.gif both the times with the url of your icon.

Any .gif .jpg image would do; search google for favicon .ico

That's it! Now you can see a beautiful favicon in your blog.

Feel free to add the comments..... and if it works share it!

8 comments:

  1. this hack do work..
    i changed this blogspot's favicon using this hack

    ReplyDelete
  2. hello pratik,

    i did watever is there in the post, but my favicon is not showing. Before doing this the blogger favicon was showing but now even that has been lost. what may be the reason??

    Seeking for your help.

    Praneet Agarwal

    http://bloggertipsandtemplates.blogspot.com/

    ReplyDelete
  3. you dont have my code right after < / head > in your html
    please insert the code

    ReplyDelete
  4. check your blog on this link http://www.getfavicon.org

    I am sure you will still see the blogger favicon. If yes, then could you share another article on how to remove it completely ?

    Thanks ..

    ReplyDelete
  5. Thanks friend....it really works with my blog "http://readsilent.blogspot.com/"

    ReplyDelete
  6. this tutorial here also gives the proper and completed method of changing blog favicon. even starting from making the .ico file itself
    http://dioisme.blogspot.com/2010/12/changing-your-blogger-blogspot-or-other.html

    ReplyDelete
  7. I hope this version work. Because difeerent ways doesnt worked. Good luck.

    ReplyDelete
  8. i've been changed my blogspot to co.cc, but at my blogspot this hack worked fine, but at co.cc don't work, can you help me please...
    you can check it here http://gemarmusik.co.cc

    ReplyDelete