This is yet another post in the Design And Coding category. As the title suggests, in this post you’ll learn 
to add a favicon in your site. I know you already might be knowing how to do this or your theme might have inbuilt favicon plus the coding. But some themes don’t have this piece of code. So for such theme owners, I’m writing this post. Hope others don’t mind!
Some posts ago I’ve given you a short description about favicons and what are their uses and why use them. In this post we will skip that part and will directly proceed to add a favicon in your blog.
In the post mentioned above you can freely create or turn an image of yours to a favicon with .ico extension. Favicons should be only of .ico extension and nothing else.
STEPS:
1.) Create a favicon of yours.
2.) Upload it to your blog theme directory or your blog itself anywhere.
3.) Now we have to do some editing work in “header.php” file.
4.) Open your WordPress Theme Editor and click on header.php file.
5.)Add the following code in the header.php file below the first head (<head>) section.
<link rel="shortcut icon" href="FAVICON URL" type="image/x-icon" />
Replace “FAVICON URL” with your favicon image URL. The image should only be of .ico extension. No other formats supported.
6.) When you’ve done this, visit your website. If changes doesn’t appear in your address bar near your site URL, try reloading the page or clear your cache and try again. You will now be able to see it.
Congrats, your favicon is now set up!
Cole Stan
Vishal Gaba
Brian@SC Marketing
Vishnu
Deepak Gupta
A couple of days ago I followed the same procedure to add a favicon to my WP trial blog.
Then you might be already knowing this?
Yes I already know this.
favicon are must for every blogger if they want to get themselves recognized in the blogosphere…..nice tutorial saksham
Thanks for the comment! And good to hear that you liked it!
This is one way of doing it, though I prefer uploading favicon.ico or favicon.gif directly into the root of the hosting server. WordPress supports this…
I didn’t knew about this! Thanks for letting me know. Thanks for commenting here Siddhu! Hope to have you as my regular reader.
I think there re Readymade plugin available..
Nice share
Regards
sudharsan @ technoskillonline
Tricks tips´s Last blog ..Tips to Boost Pagerank – Next PR update March-April 2010
I don’t know if there are any ready made plugins available for this purpose, but if we could do this with a single line of code, isn’t it great? Why increase load by using plugins?
I’m just beginning with my own blog Saksham, and I didn’t know about this. Your tutorial is very helpful. Thanks for making it so simple!
Nice to know that you found it helpful! Please be my regular reader and get many more useful tutorials and also please participate in the contest at our site.
Yes, there are few plugins for wordpress. But I always prefer to know underlying concepts. Good post, saksham!
Welcome to BJ! Nice to know that you liked the post.
That is a good explanation. I use wordpress (backend and frontend) all the time and it is useful to know that.
Cheers man
thanks a lot, i was looking for this code! this will work for blogger blogs as well, right? but i have a question too, if we just drop the favicon.ico into the blog directory, the favicon is still going to show up even if we don’t put that code in header – is this true?
Florence´s Last blog ..Statius WordPress Theme by Camelgraph
I will try it and update you within some time.
That’s true! I’ve tried it!