Favicon for blogger

Firstly you need to have the image which you want to have as the favicon in .ico format. If you have the image in anyother image formats like JPG,GIF or PNG then you need to convert your image to .ico format. To do that just google the converting process or click this. OK

Once you have generated the favicon of your choice, then copy the URL of your icon.

Now, in your Blogger dashboard under the Template tab, go to “Edit HTML”.

Now find the line shown below

<title><data:blog.pageTitle/></title>

If you are using the image in .ico format then copy the following code and insert it below the line you found in the above step

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

you may also even try by inserting the following code but I prefer the latter method

<link href='URL of your icon file' rel='shortcut icon' type='image/x-icon'/>

in the code replace “URL of your icon file” with the link of your favicon

Save the template

If you are using Other image types like JPG, GIF, PNG instead of .ICO then you need not worry just follow the procedure given below

The .ico image format has been used by many but you can also create an image under the .png or .gif format. Ensure that the size of the image is either 16x16 pixels or 32x32 pixels.

If you have a PNG format image,use the Below code

<link href='URL of your icon file' rel='shortcut icon' type='image/png'/>

If it is a GIF format image, the code is -

<link href='URL of your icon file' rel='shortcut icon' type='image/gif'/>

Bookmark this post: