This information is brought to you by BlogStash.com
How To Make And Install A Favicon For 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 image of the latter G with red,green, blue and yellow colors?... 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/wpcontent/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/xicon"> 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.
Satrap is the founder and author of controversial blog, BlogStash.com. A blog full of great how-tos and information about making money online. Visit blogstash today to get your share of this valuable information and learn different ways to make money online.
Published on Feb 20, 2010
Lets see what is a favicon and how you can easily make and install one on your blog or website.