Add Favicon - Widget For Blogger

04 February, 2008

Favicon is known as favorite icon for a your blog or site. Adding a Favicon to your blog is a good way to distinguish your blog from the millions of other blogs.
Below is Screen Shot of my Favicon so that you can know what Favicon exactly is :-

Ok now you what Favicon is now let see how to add it into your Blog or site. I have seen many procedures of adding Favicon. I will tell you the simplest method to add it
Here we go...

Step 1>
step 1 is choosing you Favicon it may be in any format like JPG,JPEG,PNG Etc. Just save that Image which you like into your hard drive.
If you have problem in finding Favicon then simply go to google images and type the keywords like Favicon or icon or anything you want as Favicon (Be Creative).After saving your image file into your hard drive go to step 2

Step 2>
Now you need to create the .ico file of that image file which you saved into your hard drive. For making .ico file of any image file i use Html-Kit.com. After opening there site you just need to upload you image file there and they convert you image file into .ico format then you just need to download it and step 2 is Done !

Step 3>
Now time to upload your .ico file to any hoster like Google pages. After uploading your .ico file get the path of that image file - http://Bloggingforbread.googlepages.com/favicon.ico now after getting the path move to Step 4

Step 4>
Now login to your blog and go to the Edit Html tab from Template. Then paste the following code below <head>

<link href='http://youraccount.googlepages.com/myicon.ico' rel='shortcut icon'/>
<link href='http://youraccount.googlepages.com/myicon.ico' rel='icon'/>

Before pasting this code to your blog's Html just exchange both the line -
with your .ico files path

That's It you are Done !

If you have any type of problem adding Favicon to your Blog fell free to ask here by commenting.

Happy Blogging !!

2 Responses to "Add Favicon - Widget For Blogger"

Nafeeza Tasha Kalil Says:

I am not getting thru' with the favicon. I used cdmazika.com to host my favicon but when I put in the html it is not saving. The following message is being displayed "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Content is not allowed in prolog."

This is happening also when I put the code in to remove the navigation bar.

What am i doing wrong?

Rohit Shah Says:

Hello Nafeeza Tasha Kalil,

I am very familar with this problem and i also have solution for this
just follow this simple stpes

1> If your .ico file not working you can use .png file instead.just convert your image file to PNG file and upload it to any good hoster like - www.imageshack.us and get the link for your PNG file
2> after getting this link u need to paste following code below the

the code is -
<link href='http://YourImageFile.png' rel='shortcut icon' type='image/png'/>

just put your image file link instead of this line - http://YourImageFile.png

And save your template

If the problem persists let me know
Thank You !!!