How to add a Favicon to your Blogger blog

Bored of looking  at your blogger/blogspot URL?

Favicons are a fantastic way to give your Blogger blog a little added flair and panache. They also happen to be dead easy to create and install…

Whenever you’re on the web you may notice small images displayed in the address bar of yourbrowser. They appear directly before the URL of certain websites. These images are known as “favicons” because they are “icons” associated with websites which show up in your browser’s “Favourites” list (in Internet Explorer) or your “Bookmarks” list (in Firefox). In newer browser versions they also display at the top of tabbed panels.

Have you wondered how other blogger have little icon appear next to their blog address?

Today I’m telling you a little secret about how to make it by yourself by using – FavIcon!!!

You can create an image by using Photoshop or simplest tool – Paint.

If you LAZY to create by your own, of course you get it from by typing “online icon generator” from any search engine.

I have tried to upload .ico format using photobucket but failed to do so(may be photobucket doesn’t support .ico format). If you want to upload .ico format, probably I will recommend you to use Google Pages and Yahoo Geocities to upload .ico files.

Personally I have used GooglePages to upload .ico file since you can use your Google Account to login blogspot. I will take give some instruction about how to add it under your Blogger Template

• After you have uploaded to googlepages such as http://yourname.googlepages.com/icon.ico (yourname = your gmail account, icon.ico = icon name)
• Go to Template tab, select “Edit HTML“
• You’ll see a syntax like this:

data:blog.pageTitle in tags <> with title tag at start and end

• For .ico format image, copy the link below

URL of your icon file‘ rel=’shortcut icon’ type=’image/vnd.microsoft.icon’/>

• If you have PNG format image, copy the link below

URL of your icon file‘ rel=’shortcut icon’ type=’image/png’/>

• If you have GIF format image, copy the link below

URL of your icon file‘ rel=’shortcut icon’ type=’image/gif’/>

You’re Done!!! Congratulations!! If you have any errors or question about this, feel free to drop by your comment here Thank you

Enjoy your customized blogger icon!