What’s Favicon And How To Make And Install Favicon On Your Blog Or Website?

What is “favicon” and how do you make and install a favicon on your website or blog? A favicon (short for favorite icon) which usually appears in the upper left side of your browser’s address bar, is a 16×16, 32×32 or 64×64 pixel square image(icon), also known as a website icon, shortcut icon, url icon,or bookmark icon.

A favicon is basically an image that distinguishes a website/company from others. What’s the first thing that comes to your mind when you see this image  [Google+Favicon_0109.png]?…  Google of course. You see how easy it is to advertise and embed your brand in people’s mind. That’s the power of favicon. Simply put, a favicon for your blog or website, is another way to make “you brand”(your website/blog), easily recognizable.

 

How do you make and install a favicon?
Making a favicon is very easy. It’s basically making an image that you like in mentioned(above) sizes and saving it as a “ico” file. There are many free favicon generators online, like  dynamicdrive.com or  animatedfavicon.com . Also, if you already have any kind of Image editing software like GIMP, PhotoPlus,…you can use their built in favicon generator to make a favicon. Here is a step by step instruction on how to make a favicon and install it on your wordpress blog or any kind of blog or website for that matter.

 

1.  Use your image editing software or any favicon generator to make a favicon.

2. Save your favicon as favicon.ico

3. Upload the favicon image to your ”public_html” folder, in case of word press upload it to “public_html/wp-content/themes/my-theme-name/“.

4. ( word press/blog)  Go to your word press Admin Dashboard. navigate to Design/Theme Editor/Header (header.php) , and insert this line of code <link rel=”shortcut icon” href=”<?php bloginfo(’template_directory’); ?>/favicon.ico” /> between <head> and </head> of your(header.php) file. Don’t get confused, the best place to put it is, the upper section, where your css file link is located.

4. (website)  Go to your Web Root (public_html/www) and navigate to your “index.html” file, insert this line of code <link rel=”icon” href=”favicon.ico” type=”image/x-icon”> <link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”> into the head tag of your “index.html” file.

5. Now save your updated file,  word press= (header.php) file.  website= index.html.

6. Open a new browser and type in your blog/site url. Congratulation! There is your blog’s/site’s favicon on the upper left side.

Related posts:

  1. 8 Easy Ways To Get More Page Views For Your Blog/Website
  2. 61 Easy And Free Ways To Drive Massive Quality Traffic To Your Blog!
  3. 7 Common Viral Marketing Mistakes To Avoid, To Successfully Promote Your Blog, Product, or Service
  4. How To Become A Better Blogger? 6 Easy Ways To Blog Better.
  5. 5 Website To Get Paid For Sharing Your Files !
You can leave a response, or trackback from your own site.

4 Responses to “What’s Favicon And How To Make And Install Favicon On Your Blog Or Website?”

  1. forex says:

    nice article thanks

  2. satrap says:

    your welcome forex, i hope it was helpful.

  3. Polprav says:

    Hello from Russia!
    Can I quote a post in your blog with the link to you?

  4. satrap says:

    Sure you can polprav. its my pleasure.

Say What You Have To Say!

CommentLuv Enabled
Twitter Delicious Facebook Digg Stumbleupon Favorites More
Copyright © 2009 blogstash.com | Powered by WordPress New Blackberry phones on sale | Thanks to Business Opportunity, Highest CD Rates and Registry Software