How To Easily Create Animated Favicons And Add It To Blogger

by Ammar Ali on December 24, 2011 · 3 comments

How To Easily Create Animated Favicons And Add It To Blogger

Favicon is actually the icon that appears next to your Website URL in the browser address bar. A favicon is usually your blog logo. There are many services which only provide you facility to add image to favicons only. But now you can Create Animated Favicons which will allow you to add image with animating text. I will show you How To Easily Create Animated Favicons And Add It To Blogger.

Steps To Easily Create Animated Favicons?

  • Goto FaviconGenerator
  • And Just goto Bottom of the page. Upload your image which you want to use for favicon and type desire text which you want to make animating You will find all the help at favicongenerator

How To Easily Create Animated Favicons And Add It To Blogger

  • Hit the Generate Favicon Button and you will be taken to this page,

How To Easily Create Animated Favicons And Add It To Blogger

Here you will see many images just right click the animated one and save it to your computer.

How To Add Animated Favicons In Blogger

    • Go To Blogger > Design > Edit HTML
    • And Search For <b:skin>and just above it paste the code below,
<link href='ADD YOUR FAVICON LINK HERE' rel='icon" type='image/gif'/>
  • Replace ADD YOUR FAVICON LINK HERE with the image URL of the favicon you saved in Picasa album.
  • Save your template and you are done!

View your blog to see it in action on the address bar and tabs. Hope you liked it! Questions are always welcomed here:>>

 
Did you enjoy this article?
Share
the
Love
Subscribe via Email!
Get Freebies, updates & Special offers straight into your inbox.

Article by

I'm +Ammar Ali Part time Blogger, young Entrepreneur, Affiliate marketer and Student. Read more about me. You can connect with me on Twitter, Facebook.

Ammar has written 125 awesome articles for us.

Recommended Deals

BlueHost- Best WordPress Hosting Best Affordable Theme for WordPress Get Targeted Ranking - First Rank on Google

{ 3 comments… read them below or add one }

1 rafi March 26, 2012 at 7:51 pm

very helpful tutorial. I added an animated favicon on my Blog

Reply

2 Jack H. June 14, 2012 at 3:37 am

The website just gives blank icons now. Hoping it starts working again soon. Seems like a really useful idea.
Jack H. recently posted..CHAR! CHAR!My Profile

Reply

3 M Mahtab Saleem August 31, 2012 at 10:32 am

100% working and very easy to create and using into my own website ,
M Mahtab Saleem recently posted..FanSlave >> The Fan Finding SystemMy Profile

Reply

Leave a Comment

CommentLuv badge

Previous post:

Next post: