You Are Here:- Home / Design And Coding / How To Add A Favicon In Your WordPress Blog?

How To Add A Favicon In Your WordPress Blog?


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!


If You Enjoyed Reading This Post, Please Consider To Leave A Comment And / Or Subscribe To The Feed And Get Future Articles Delivered To Your Feed Reader Regularly.

Related Posts


17 Responses to “How To Add A Favicon In Your WordPress Blog?”

Comments

  1. A couple of days ago I followed the same procedure to add a favicon to my WP trial blog.

  2. Tushar says:

    favicon are must for every blogger if they want to get themselves recognized in the blogosphere…..nice tutorial saksham

  3. Siddhu says:

    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…

  4. Tricks tips says:

    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 My ComLuv Profile

    • 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?

  5. Ganesh says:

    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!

  6. Yes, there are few plugins for wordpress. But I always prefer to know underlying concepts. Good post, saksham!

  7. Freelance Web Developer says:

    That is a good explanation. I use wordpress (backend and frontend) all the time and it is useful to know that.

    Cheers man

  8. Florence says:

    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 My ComLuv Profile

Leave A Reply

CommentLuv Enabled

Copyright © 2009 - 2010 Blogging Junction. All Rights Reserved.
Blogging Junction Is Proudly Powered By Wordpress And Blog Design By New WP Themes