How to Create A Favicon For Wordpress Blog

22 Nov, 2007  |  Written by Fred  |  under Blogging

Create favicon to add professionalism to your blog. A favicon is an image that is displayed in your browser’s address bar. Your favicon adds a nice touch by adding a visual to your url. Additionally, these free favicons make your website standout in your readers’ bookmarks folder.

Here is a step-by-step guide for how to create favicon:

This one of the best products in the market with the added value that refrigeration is not necessary. Natural alternative xenical? Our Online Canadian Pharmacy is also accredited by the Canadian International Pharmacy Association (CIPA).
  1. Create our find an image that you would like to add be your favicon. My favicon is a derivative of my header image for Newest on the Net. From my header image, I created a smaller image that I use for my Gravatar image and any avatars for social sites. I created my header image and my avatar using photoshop. Alternatively, here is a favicon generator that you could use.
  2. Once you have an image, use a favicon generator to create favicon. I used Favikon for my favicon maker, but you could also use the link in step one above. All that a favicon generator does is reduce the favicon into a 16 pixel square.
  3. After you have created you favicon.ico file using the favicon generator, upload that file to your public_html folder on your wordpress server using an ftp application.
  4. Next you have to add the following code to your header.php folder. Here is the code: <link rel=”shortcut icon” href=”favicon.ico” />
  5. Save your header.php folder
  6. Refresh your browser
  7. You should now have a favicon for your wordpress blog. Congratulations!!

If you know of another favicon generator, please tells us about it in the comments.

I hope you liked this tutorial for how to make a favicon.

19 Responses so far | Have Your Say!

  1. Vikram  |  November 22nd, 2007 at 1:26 pm #

    Just what I needed. This is an excellent tutorial. Thanks Fred!

    Vikram - Gravatar
  2. Fred  |  November 22nd, 2007 at 1:28 pm #

    No problem Vik. If you have any trouble, don’t hesitate to ask a question in the comments.

    Fred - Gravatar
  3. kidata  |  November 22nd, 2007 at 3:24 pm #

    Funny, that you don’t have a favicon on your own blog. ;-)
    But anyway it’s a very useful post.

    kidata - Gravatar
  4. Alex @ Web 2.0 WordPress Guide  |  November 22nd, 2007 at 3:40 pm #

    Fred,

    Great tutorial and should be useful for very many. Favicon is overlooked by many and yet it creates a nice identity for our blogs.

    Default provided with the theme gets old fairly quickly when used on thousands of blogs …

    Alex @ Web 2.0 WordPress Guide - Gravatar
  5. Rich Sage - Money Making Wisdom  |  November 22nd, 2007 at 3:42 pm #

    Great reading…. Indeed one can beef up one’s blog by following such simple steps.

    Rich Sage – Money Making Wisdom - Gravatar
  6. Kyle Eslick  |  November 22nd, 2007 at 5:48 pm #

    I use ‘Favicon From Pics’ to make my favicons. I’m pretty happy with it.

    Kyle Eslick - Gravatar
  7. Mark McCullagh  |  November 22nd, 2007 at 11:48 pm #

    Thanks Fred,

    That reminded me to create one for my blog.

    Mark

    P.S. The one I did needs to be improved but it will do for now.

    Mark McCullagh - Gravatar
  8. Weekly Links - November 22nd << Vandelay Website Design  |  November 23rd, 2007 at 2:28 am #

    [...] How to Create a Favicon for WordPress Blog from Newest On the Net [...]

    Weekly Links – November 22nd << Vandelay Website Design - Gravatar
  9. LGR  |  November 23rd, 2007 at 3:06 am #

    A generator I like to use is http://www.freefavicon.com

    Similar to the ones you mention, but they also have some free favicons you can just download and use.

    LGR - Gravatar
  10. New favicon | braincharger.net  |  November 23rd, 2007 at 11:41 am #

    [...] I’ve just created a favicon for this blog! A favicon is the small icon on the address bar of your browser (on the left of the URL). It’s very easy to create it because there are lots of tools to automatically create it. I found a very good tutorial for creating favicons for WordPress. It explains the whole process in easy and fast steps. Read the tutorial here. [...]

    New favicon | braincharger.net - Gravatar
  11. » Come creare ed inserire una favicon nei blog Wordpress Geekissimo  |  November 24th, 2007 at 9:30 am #

    [...] Fonte: Newest on the Net [...]

    » Come creare ed inserire una favicon nei blog Wordpress Geekissimo - Gravatar
  12. blog-thing : Weekly Links - November 22nd  |  November 27th, 2007 at 12:12 am #

    [...] How to Create a Favicon for WordPress Blog from Newest On the Net [...]

    blog-thing : Weekly Links – November 22nd - Gravatar
  13. Terrence  |  December 3rd, 2007 at 2:36 pm #

    I found the best favicon site http://www.1favicon.com
    They have a tutorial that guides you to create your favicon. I am not a designer – and I was so happy when I found out how creative i can be.

    Terrence - Gravatar
  14. How to Create Favicon On WordPress Blog  |  December 3rd, 2007 at 6:59 pm #

    [...] to subscribe to my RSS feed. Thanks for visiting!It seems that lots of people are interested in creating favicons for their Wordpress blogs.  The response to my guide on how to create favicons was great.  [...]

    How to Create Favicon On WordPress Blog - Gravatar
  15. prasadm  |  December 20th, 2007 at 4:07 am #

    Hi,

    How do I know which wordpress server I am using. Can you please give me more info on point 3 and 4.

    Thanks

    prasadm - Gravatar
  16. Faraz  |  February 21st, 2008 at 7:57 am #

    hi,
    Have tried this but didn`t work plzz advice.

    Faraz - Gravatar
  17. tebeen  |  August 22nd, 2008 at 8:25 pm #

    hi
    thx for explaining that i have tried but it didin’t word i put that code in header.php but i don’t know in where in header.php ? pls i need this pls explain it thx for all

    tebeen - Gravatar
  18. Danny  |  September 4th, 2008 at 11:10 pm #

    This tool doesn’t seem to accept gif images though it says so.I tried this Favicon Generator and it worked!

    Danny - Gravatar
  19. Ricky Flat  |  December 21st, 2009 at 12:32 pm #

    Hello! I tried the step by step procedure of creating favicon in my wordpress blog but it does not appear. Can you help me with this?

    Ricky Flat - Gravatar

Leave a Feedback

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>