How to Add animated Favicon to your Blog ?

How to Add animated Favicon to your Blog ?

hy Friends many of us have heard about Favicons,and most of them must use them in their website/blog…..but some of them must thinking what is Favicon..? How to create and use it..?

What is a Favicon:

Favicon is a small icon,image or some animated graphics that one can see  at the left side in the browser bar of website name It is usually associated with the web site url,as you can see down here.

so you can see the favicon that i have used in my blog and that appeared before the titile of my blog in the browser bar.

It actually consists of a logo and then my blog title as text. The image and text together makes a more beautiful combination.

How to create animated Favicon..?

As you can see i have not used animated favicon,but it is optional to use an animated favicon or simply a static favicon,so let’s started.

1 . Go to Favicon Generator.  

2. When you see the favicon generator webpag just scroll down and see the options as see below.

3 . Click the buttton “choose file” and browse for  the picture,image or what you want .also add your blog title (optional)..

4 . Click the button” Generate Favicon”.

The Browser will show you another page,again scroll down it.Now you can see your desired picture,image as icon. (click the image below and see it in large size)

5. Right click at your desired icon,and choose save or save as.

6 . Now upload the image to your wordpress directory or any othe image saving place(like picassa). and get the image url.

7 . If you are using wordpress then go to appearence >  Editor  >  Header.php  and save the folllowing line just after <head>  but before </head>,but be sure to change the  “Add Your Favicon Link here ” with you image url.

<link href=’Add Your Favicon link here’ rel=’icon’ type=’image/gif’/>

If you are using a blogger account then .Go To Blogger > Design > Edit HTML and Search For <b:skin> and just above it Paste the code,mentioned above.

Waiting for your response.

1 thought on “How to Add animated Favicon to your Blog ?”

Leave a Comment