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]](http://1.bp.blogspot.com/_7ZYqYi4xigk/SWfANhA5U9I/AAAAAAAACOM/-8e3TJyR0zA/s1600/Google%2BFavicon_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:
If you would like to make a comment, please fill out the form below.
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.