Friday, January 15, 2010

How To Add Favicon To Your blog

Today guys i'm going to show you how to add Favicon to your blogger it's very easy and will not take much time.

so what is favicon?
Favicon is a small icon displayed at the beginning of the address bar of the browser.

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.

Let me show an example of favicon:























Lets start:

1- you need to design a picture size (16x16) or you can use picture from the web but don't forget about the size.

2-login to your blogger and then click on layout button>>>> then click edit html

3- try to find the following code in your blog template by clicking Ctrl+F in your keyboard.


<b:include data='blog' name='all-head-content'/>


4- add the code below after the code in step 3


<link href='YOUR FAVICON IMAGE URL' rel='icon' type='image/vnd.microsoft.icon'/>


and don't forget to replace the (YOUR FAVICON IMAGE URL) with your picture url that you have chosen.

5- click save template and your done.

Enjoy.

OH! i almost forget to give you some websites that may help your design your favicon:

http://www.favicon.cc/
http://www.animatedfavicon.com/
http://genfavicon.com/
http://www.favicontool.com/

No comments:

Post a Comment