Tuesday, October 5, 2010

How to Change Favicon in Blogger

A step by step guide on how to change the default blogger favicon to your own favorite icon.

Adding a favicon in blogger is very easy, as easy as 1-2-3. You just to need the basic knowledge of changing your blogger template. All you need to do is to insert the following link code below in your template, between the head tag. I recommend you add it above the </head> tag.

The Link Code
<link href='{image url}' rel='shortcut icon'/>
<link href='{image url}' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='{image url}' rel='icon'/>
<link href='{image url}' rel='icon' type='image/vnd.microsoft.icon'/>

The Image URL

The image url is the web address of the image you are going to use as your favicon. It may either be in the following format: jpg, gif, or png. Since it is a web address, you need to upload it on a photo hosting site, Photobucket. Replace the {image url} with your exact image url. Do you know the correct image URL?

Get Your Favicon Code Easily With Our Favicon Code Generator!

The Head Tag

The head tag begins with this tag: <head> and ends with this tag: </head>. Go to Layout->Edit HTML.

Locate for end head tag (</head>) and paste your link code above it, then save it.

The result may take some time because of some delays brought by the browser you are using. I have tried once using firefox and it didn't changed the favicon immediately. But this will surely work perfectly. Do you know know where to upload your favicon?


I have intentionally renewed my blogroll to refresh the page. If you believe your site was included on my old list or you want your site to be included on my list, don't hesitate to EMAIL ME, commenting on my posts will not be accepted. The listing is FREE. Thank you!

Related Posts Plugin for WordPress, Blogger...