How to add Favicon to blogger blog

For those who don't know what Favicon is 'Favicon is a small icon(image) displayed at the beginning of the address bar of the browser.It is also called Favourite Icon,Pageicon and urlicon.

The main advantage of creating and using favicon is ,it makes it easy to find your blog or site when someone favourited or bookmarked your site/blog among several other sites.


favicon Most of the people use 16*16 pixel favicon(you can also use 32*32 pixel favicon) with ".ico" format.But,you can also use gif,png(image formats) aswell.

So,ready to create a favicon?
All you need is a program to create a favicon in (.ico) format.If you haven't a program to create in .ico format,No Problem....you can also use png or gif format.If you have Photoshop, or any other programs like that,open it and create a 16*16 image and save it as .png or gif format [look at the below screenshot below] or there are so many online sites which can create a favicon for you,just search by typing'free online 16*16 icon generator' in google.They ask you to upload a picture from your desktop,and they convert it into 16*16 .ico file.

save the image in png format So,Now your icon is ready...You are just a few steps away from creating a beautiful favicon for your site...

Now,go to Google Page Creator
and upload your icon file by clicking on the upload link(look at right side) and browse the file and note down the url of the file by clicking on the file.[see the screenshots below]


note down the url
Now,go to your blogger dashboard>layout>Edit html


and look for this code(it is at the top the template).

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


and add the below code just after the above one.

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


and replace the 'icon file url' with the url of your icon file.(like http.......ico)
That's it! Now you can see a beautiful favicon in your blog.

COMMENTS

Name

Accounts Add new Adsense Analytics Auto Backlinks Banned Blogger Templates Comments Contact Me Cool Tricks Costumize Domain Downloads Embed Ensure Google account won't be disabled Feeds Gallary Google Hacking Hacks Hosting How to Improve Install Templates Internet tips Introduction Ip address Ip adress Javascripts Joomla Latest Links Menu Password hacks posts Remove Replace Search Secrets Security SEO Sitemaps Softwares Solve TOC Tools Track Traffic rank Tricks Tutorials Twitter Useful Widgets Videos Website hack Windows Hacks and Tricks Windows Hacks and Tricks. Wordpress
false
ltr
item
BlogSpotter: How to add Favicon to blogger blog
How to add Favicon to blogger blog
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkFIkvjTKxdXCqOsbfrJcnL4P0nsqwQpzPz56fQrABueM_Z-iX6Rea6QV3lyMxhcHxjCX9ncmDk_qLXDoifzWOssYLMtHTp48PVwgvwh1RI7cX5xIscUH6VM_atbFy7ct3E5wKhguqTrH-/s400/favicon.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkFIkvjTKxdXCqOsbfrJcnL4P0nsqwQpzPz56fQrABueM_Z-iX6Rea6QV3lyMxhcHxjCX9ncmDk_qLXDoifzWOssYLMtHTp48PVwgvwh1RI7cX5xIscUH6VM_atbFy7ct3E5wKhguqTrH-/s72-c/favicon.jpg
BlogSpotter
http://get-bloggertricks.blogspot.com/2009/07/how-to-add-favicon-to-blogger-blog.html
http://get-bloggertricks.blogspot.com/
http://get-bloggertricks.blogspot.com/
http://get-bloggertricks.blogspot.com/2009/07/how-to-add-favicon-to-blogger-blog.html
true
8597927827268575619
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy