Favicon is a cool 16 by 16 pixels image that shows up in your address bar (on the left side of the http:// address) in your browser. Did you notice my favicon, by the way? And, the favicon also shows uo when you bookmark a site?

So, why dont we design a cool, favicon for your blog in 3 steps. No expertise needed :-).

Step 1: Design a favicon
If you are good at an image editing software such as Adobe Photoshop, then I would recommend you to go through this simple tutorial by Jennifer Favicon - How To Create A Favicon.ico PhotoshopSupport.com

or if you do not know anything about designing - dont worry.

Use myFavatar - a free web service thats lets you create a favicon from a photograph or small image file (why dont you use your photo?) .

Step 2: Upload it somewhere
Not many sites will allow you to upload .ico files but, Google Pages will allow you to upload your ico file (Thanks heaven, you can use your Google account for this as well). Tip via Bloggerhacks.

Right-click on the favicon.ico file that you uploaded and look at the properties to copy the exact URL to the clipboard and paste it into Notepad.


It will look like this http://username.googlepages.com/favicon.ico - username your google id.


Step 3:Include this one-line code.

Now, edit this code with your icon URL


link href='http://username.googlepages.com/favicon.ico' rel='icon' type='image/x-icon'/

enclose the above code within < above code> (in doubt - refer BloggerHacks Favicon)

paste this line of code just below the first "head" tag (Go to Layout ---> Edit HTML page). Save template and view your blog.

You have added a "Bling" to your blog, that looks professional, is it not?