How To Add A Favicon To Your Blog & Website 
Posted by Udegbunam Chukwudi on May - 28 - 2009
As you become conversant with browsing the world wide web, you’ll notice that most websites have some form of image or icon that represents them. These images are often seen in the navigation bar or tab as shown in the image below in 1 & 2.
Sometimes these images have been known to come up in search engines result pages and depending on how attractive they are, they invite more traffic.
These images are simply called favicons and they can be implemented in your blogs by adding the following code to the header.php of your blog template in a Hosted WordPress blog.
<link rel=”shortcut icon” href=URL/favicon.ico type=”image/vnd.microsoft.icon”/>
<link rel=”icon” href=URL/favicon.ico type=”image/x-ico”/>
URL = The absolute path that leads to where your favicon image is like for example http://s.wordpress.org/favicon.ico
Save your header.php and you’re good to go.
To implement this on a website’s page, simply add the code to the area between <head> and </head> in your web page’s code and that’s it.
P.S: You can download loads of free favicon from the web or check out Amit Banerjee’ s How To Create Animated Favicons For WordPress Blogs, if you want to create yours. Thanks to him and the WordPress Support Forum for helping me add my favicon to my own blog.
Related Articles You May Like To Read
- How To Add NoFollow Attribute To Blog Roll Links
- How To Add A Floating Bookmarks Panel To Your Blog
- Free WordPress Website – Blog Setup Service
- WordPress Blog Website Setup Portfolio
- Top 7 Tweaks For A Faster WordPress Blog
Thank you Chukwudi ! For recomending My article to your readers.
Tip : I would recommend Using a Dark color for Favicons as the background color of Tabs are Light
Amit Banerjee’s last blog post..A Portable Screen capture Software that Runs from Your USB drive
This a very useful post as I have been wondering how to add a favicon. I thought it would be difficult but the way you explained it, it seems like a piece of cake.
Tycoon Blogger’s last blog post..10 ways to get visitors to spend more time on your blog
Great tips for adding a favicon to sites. I need to create one and add it to our business site, but I need to see what the boss says because our logo is too big for a small image.
I always wanted to know how to do this but never got around to it. Thanks for sharing this vital info.
Leon’s last blog post..Jeremih – “Birthday Sex” Official Music Video
Not being a techie myself, this should be of great help to me. Will be adding a favicon later this day on my pet project.
@ Tycoon Blogger From Promoting your blog: I’m really glad to hear that my explanation of the whole favicon thing was piece of cake. I always strive to keep my posts short and straight to the point as that is also what I’m looking for when I’m searching for information via Google. Short and straight to the point posts.
Thanks for the comment.
@ Ampercent: Your articles are amazing and worth sharing with my readers.Thanks for the recommendation
I never even considered this before, great tip – I knew it was possible but never really knew how. Which search engines do the favicons show in?
I used maxblogpress plugin for the favicon on my blog, they allow you even create your own icon and browse to add to your blog header, no need to go into the codes!
I prefer doing it without a plug-in sha! The lesser the plug-ins the better
Basically, they show in Firefox, but when people visit your blog through IE, the favicon will also show!, the same should apply to chrome!
I visited some the free favicon generattor website to be able to turn my image to a favicon, after I was told to upload the favicon to my root directory is that necessary with this your method without the use of plugins?
I discovered a better site to create favicons: http://www.html-kit.com/favicon/
I’ve been wondering how to do this. Thanks for providing the information.I hope I can get this done today and have a Favicon for my site too. Anyway, a huge thank you for your time and energy!