To add Favicon to your blog just follow the steps below-
Go to your Blogger dashboard and under the Template tab, go to “Edit HTML”. Near the top you will see a line like this:-
Copy and insert the following code below above line in HTML:-
Save the template. When you refresh your blog site, you should see your nice little Favicon next to the blog address.
Other image types
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, the link to insert is:-
Go to your Blogger dashboard and under the Template tab, go to “Edit HTML”. Near the top you will see a line like this:-
<title><data:blog.pageTitle/></title>
<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>Remember to type in the “URL of your icon file”, it is address of your Icon file.
Save the template. When you refresh your blog site, you should see your nice little Favicon next to the blog address.
Other image types
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, the link to insert is:-
<link href='URL of your icon file' rel='shortcut icon' type='image/png'/>If it is a GIF format image, the link is:-
<link href='URL of your icon file' rel='shortcut icon' type='image/gif'/>I've added some of favicon download them here.Get a preview of them below
Hi Prateek, saw your comments in my blog TipsBlogger.Com
ReplyDeleteYes, that Redirection meta tag WILL work in all Blogger Blog Templates!
Happy New Year..!
Keep in Touch
Shafar (TipsBlogger.Com)