Sunday, August 9, 2009

Change Favicon of Your Blogger

What is a Favicon?

A favicon (short for "favorites icon" and also known as a page icon), is an icon associated with a particular website or webpage that is displayed in the browser address bar next to a site's URL.

The question now is how to customize it? This time i will share you a tutorial to customize your own favicon. So, here we go...

You would first need to have an icon which you would like to use, bearing the extension .ico format. If you search your hard disk, you might find some icons which are generic. I would suggest that you create one to represent your own unique identity. There are quite a number of free icon editor software which you can download from the net.

If you do not wish to download any software, you may also try creating an icon online.

Step 1. Visit HTML Kit - Online Favicon Maker to make your own favicon from your desired image.

Step 2. Download it and rename the custom favicon as you want.

Step 3. Open MS Paint in your computer and change format ICO. to PNG or GIF format and save.

Step 4. Then upload somewhere (i use http://imageshack.us/ for this ). Remember to save the link / url of your uploaded favicon.

Step 5. Go to your Blogger Dashboard > Layout > Edit HTML.
Find the title tag which looks like this:-


Step 6. Copy and paste the following code (right after above script)

For ICO. format

link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'

For PNG. format

link href='URL of your icon file' rel='shortcut icon' type='image/png'

For GIF. format

link href='URL of your icon file' rel='shortcut icon' type='image/gif'

Remember to type in the “URL of your icon file”, Then Save Template.

That's all there is to it, enjoy your favicon! Enjoy your new favicon look!

Other online favicon generator ::

No comments:

Post a Comment