19 August 2008

How to add a favicon to a Blogger blog ?

Advertisements

Favicon - it stands for "favourite icon".

What is a favicon ?

It is a small icon which appears next to the website address in the address bar of your browser.



I acts like an identification for your url.Users can easily find the tab with your site from this favicon if they have opened many tabs.

How to add a Favicon to your Blogger blog?

Here is step-by-step guide for that -

STEP I - First of all you need to have an icon which can be used as a favicon.You can create a favicon from any image of your choice here.
At this site you can also create an animated favicon like the one I am having here for my blog.Just download the file after you have done.

STEP II - Now from downloaded zip file upload a .png file(or .gif for animated favicon) to your favourite photosharing site.You can also upload it at Googlepages.

STEP III - Now copy the following code -
<link href='URL of your favicon image' rel='shortcut icon'/>
Replace URL of your favicon image in the code with your favicon image url.

STEP IV - Now goto > Dashboard > Layout > Edit Html > Expand Widget Templates.

STEP V - Place the code below - <head>

Save your template and you are done.


Also read Get your missing / replaced favicon back !

Related Posts

4 comments

JaiRaj
September 6, 2008 at 7:22 AM

After uploading image to photobucket i got

Email & IM
Direct Link
HTML Code
IMG Code

where have to add

September 7, 2008 at 8:14 PM

Just copy the 'Direct Link' and place it at 'URL of your favicon image' n above code and follow next steps as mentioned above.

March 15, 2011 at 9:44 PM

I've added code but no favicon. can you help?
www.tujohaha.blogspot.com

March 15, 2011 at 11:30 PM

Hi Sassy

Read this:
http://free-blogger-help.blogspot.com/2009/01/get-your-missing-replaced-favicon-back.html

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More