The main advantage of creating and using favicon is, whenever someone bookmarked or favorited your blog the icon easily identify your blog/site among several other sites.
The most common sizes for favicons are: 16x16, 32x32, 48x48, 64x64, 128x128.
Most people use .ico format as favicon. But you can use .jpg or .png or .gif format for your favicon.
Example image of favicon.
Steps by steps how favicon can be added to your blogger blog is discussed below.
Step 01: With photoshop or gimp tool you have to create a 64x64 or 32x32 pixel image. You can also any online icon generator tool to create an icon online. I have created following icon for my arjudba.blogspost.com favicon using gimp tool.
Step 02: Go to your blogger dashboard>layout>Edit html.
Step 03: Find out the following lines from the HTML template.
<title><data:blog.pageTitle/></title>
Add following codes
<link href='http://1.bp.blogspot.com/_8O68IaFjsdA/SzxpFsLsJUI/AAAAAAAAAaQ/RrS2kG1c1Dw/s320/arju+icon+final.jpg' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
below <title><data:blog.pageTitle/></title> this line.
So the codes will look like,
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<link href='http://1.bp.blogspot.com/_8O68IaFjsdA/SzxpFsLsJUI/AAAAAAAAAaQ/RrS2kG1c1Dw/s320/arju+icon+final.jpg' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<b:skin><
No comments:
Post a Comment