How to create and change blog icon (Favicon) in your Blogger

How to create and change blog icon (Favicon) in your Blogger

Do you agree that it is boring to keep you blog icon unchanging for such a long time? Is your blog unique comparing to millions of other blogs. Recently, I have changed my blog icon. Is it different from other blogs. Yes, it is. Today I will show you how to make your blog different from others by creating and changing your blog icon (favicon). You can do this by following these simple steps:

1. Create your blog icon

There are many ways to create an icon for your blog both online and offline. For convenience, I use an online banner creator service called bannersnack to create my blog icon. The banner size should be 20x20. However, it is very hard for you to work on such a small size. I recommend you to create an icon size of 200x200. After publishing your icon, you should take a snap of your icon, trim unnecessary parts, then resize it to 20x20.

2. Upload your icon. 

You can upload your icon to any image hosting services such as imageshack, photobucket. However, I recommend you to host it right on blogger like this icon.. Just follow this simple steps:

• Create "a new post"
• Select "insert image" to upload the icon
• Finally, copy the image url

3. Add code to your blog html template

• Dashboard>Design>Edit HTML
• Search for this tag </head>
• Put this code right above the </head> tag

    <link href='url of your icon' rel='shortcut icon'/>
    <link href='url of your icon' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
    <link href='url of your icon' rel='icon'/>
    <link href='url of your icon' rel='icon' type='image/vnd.microsoft.icon'/>

• Remember to replace the phrase url of your icon
• Done!

Note:  You can change your blog Favicon by click on edit, then upload your blog icon, like this:

Favicon is only used to distinguish your blogs. It does not change your blog icon.

Thanks for visiting our blog. Please leave your comment and share with us.

http://www.mobimas.info/2011/07/how-to-create-and-change-blog-icon.html