Advertisements
%5B3%5D.jpg "Favicon (150 x 150)")
What is Favicon
Favicon is word taken from “ favorite icon “. its an icon of size 16x16, 32x32, 64x64 pixels with extension .ico. A favicon is usually associated with a website and shows in address bar of browser. Its also shows along with any website when anyone bookmarks it. Its also shows in the feed of any blog. Its kind of brand label like the logo or name of the website.
Also Read : Blogger Tips
Why Website Needs Favicon
Why a website need to have this ? Every product in the market usually have unique logo with which people can recognize it . like with an eaten Apple you can recognize the famous Apple Company. So favicon also acts as brand label and any website or blog should have its label.
How to Add Favicon to Blog Hosted on Blogger
1. First part of adding favicon to Blogger blog is selecting an image which you can use as favicon. Image can be logo, part of logo or any other image you like but don't use any image which is already being used as logo or favicon by any other website especially famous one.
2. Then Go to any favicon generator website like Dynamic Drive . Upload the image and Generate the favicon and download the generated favicon which would be an image file with extension .ico.
3. Upload the downloaded file to free image hosting service. Sites like Photobucket or Flickr don't support image with .ico You can host the image at fileden.com. After uploading your favicon image get the url of the image.
4. Log in to Blogger go to Design > Setting > Edit Html. Search for the Line “<title><data:blog.pageTitle/></title>”
5. After this line paste the following lines and replace the favicon Image url with the image url in step 3
<link href='favicon image url' rel='icon' type='image/vnd.microsoft.icon'/>
<link href='favicon image url' rel='shortcut icon'/>
6. Save the template and go to browse and open your blog you can see your Blogger blog favicon in the browser bar.
Advertisements
Share it
Post a Comment