admin on May 28th, 2008
Fav icons examples

What is a FAV icon?

A fav icon is basically an image that you see at the left hand side on the website browser (see the above image) The “$” and “G” signs are Fav icons . Now you may ask “well, what’s that FAV icon can do for my website?” In general, there are 3 reasons that it benefits you:

  • Increase your site branding
  • helps you to “stand out” from the crowd
  • helps users to identify which “tab” is your website if they are using FireFox or IE 7.

Helps you to “stand out” from the crowd

When you bookmark a website, the “fav” icon does serve a purpose helping you stand out from your favorite list. Consider the picture below:

Favorite icons usage example: bookmarking
HSBC and Apple are websites that utilize FAV icons. Therefore I can easily locate them on my favorite list.

How do you add the favorite icon then?

If you are using blog platform like wordpress, you can install the MaxPressBlog Fav icon plugin. It’s a free tool and they have a pre-set icons come with that so you can go have a look and I strongly recommend that you download the tools today.

But you are not using a wordpress type blog, you can refer:

  1. for blogger
  2. for typepad
  3. for movable type

on how do you set up your favorite icons.

static HTML website

If you are using traditional HTML static website and want to set up a favorite icon, basically what you have to do is creating a 16×16 pixels by imaging tools such as GIMP, a free imaging manipulation program, adobe photoshop and so on. Then you upload the prepared image to your hosting server, and add the following HTML code:

<link REL=”SHORTCUT ICON” HREF=”http://yoursitedotcom.here/favicon.ico”>

in the <head> </head> section and that’s it!

Hope this information helps. I will constantly update my blog so stay tune for the latest updates.

Don’t Want to Miss Any Part of the Post? Subscribe My feed Now and Get The Latest Updates!

Enter your email address:

Delivered by FeedBurner

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • BlinkList
  • blogmarks
  • co.mments
  • connotea
  • del.icio.us
  • De.lirio.us
  • digg
  • Fark
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • NewsVine
  • Netvouz
  • RawSugar
  • Reddit
  • description
  • Shadows
  • Simpy
  • Smarking
  • Spurl
  • TailRank
  • Wists
  • YahooMyWeb
  • Facebook
  • Propeller
  • TwitThis
  • StumbleUpon
  • Google

Related posts:

  1. Four Methods To Increase Your Affiliate Income Overnight In the ideal world of affiliate or associate marketing, it...
  2. Increase Affiliate Commissions with Conduit Methods? I was introduced by one of my fellow internet...
  3. step by step guide on building a website fast Affiliate Opportunities, build your website fast. This is very...
  4. Effective online advertising Just read about Kenneth Koh (founder of leads leap...
  5. Host your own blog Host your wordpress blog Last time we talk about...

Related posts brought to you by Yet Another Related Posts Plugin.

Tags: , ,

2 Responses to “Favicon a way to increase your business branding”

  1. Internet Explorer 7 can be a pain sometimes. So to make sure your fav icon shows in all the current browsers. Id suggest using 2 link tags that are exactly the same as the one in your static page example only changing the following

    rel=’shortcut icon’ (For first tag)

    rel=’icon’ type=’image/ico’ (For the second tag)

    Sorry for the 2 comments. Forgot and pasted the code the first time. (Didnt show)

  2. that’s all right my friend, sometimes it happen. thanks for your tips tough :)

Leave a Reply