How To Add Favicon To Your Blogger Blog

You must have seen many of the above icons. These icons are called Favicons which means Favourite Icons. Favicons are 16x16 pixel icons which are associated with a blog or website. Favicons are present on the address bar beside the url.

Importance Of A Favicon:
Adding a favicon is a good way to brand your site. Whenever we see a small 'g' we immediately identify it with Google. Many people identify a blog with its favicon. It is important as a small pic helps people identify your blog without having to read the blog address.


Similarly we can also create a Favicon which the visitors to your blog can identify. For Blogger users the blog has a fixed favicon for everyone. It is better if we remove the blogger favicon and add a personalized favicon. Having a personalized favicon makes your blog standout from the other blogs.

Though we can create PNG, GIF, ICO and JPG favicons, it is better if we create ICO favicons as all browsers recognize it. Creating a favicon is very easy and it doesn't take much time if you have in mind a good image for creating a favicon.

We can create a favicon in 3 simple steps:

Step 1:
Select the pic which you want as the favicon for your blog. Visit Degraeve upload the pic and create a favicon.

Step 2:
Now you need to upload the favicon. Visit Imageboo
and upload the favicon and copy the direct link of the pic. Remember many image hosting sites don't allow to upload ico images.
Here are some of the sites for uploading favicon ICO images
Imageous
Merrypic
Host Any Image

Step 3:
Now go to your blogger dashboard. Click on layout. Click on Edit HTML. Now paste the following code, 2 lines below <head> To find it press Ctrl+F and search it.

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

That's it. Now save the template and refresh your blog. The favicon will appear on the address bar.

Resources:
Create an animated favicon which moves from right to left. It also creates a favicon using your Twitter profile
http://www.html-kit.com/favicon/



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 Your Blogger Blog
How To Add Favicon To Your Blogger Blog
BlogSpotter
http://get-bloggertricks.blogspot.com/2009/07/how-to-add-favicon-to-your-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-your-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