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 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:
- 8 Easy Ways To Get More Page Views For Your Blog/Website
- 61 Easy And Free Ways To Drive Massive Quality Traffic To Your Blog!
- 7 Common Viral Marketing Mistakes To Avoid, To Successfully Promote Your Blog, Product, or Service
- How To Become A Better Blogger? 6 Easy Ways To Blog Better.
- 5 Website To Get Paid For Sharing Your Files !



Posted in
Tags: 

nice article thanks
your welcome forex, i hope it was helpful.
Hello from Russia!
Can I quote a post in your blog with the link to you?
Sure you can polprav. its my pleasure.