//

How To Add Favicon In WordPress Coding

by Mr. Waltz on May 5, 2009



Wordpress logoIn this post we will show you how to insert favicon for your wordpress blog. So if you are at this page, you already coming from Google, Msn or Yahoo, and know what a favicon is ! so no need to explain it. Will directly move to the instructions and tutorial;

  1. First in order to have a Favicon, you need to have an image, normally its a logo or Initials of your web or any image that you want to showcase.
  2. Go to this web page as they make free favicons : Chami
  3. Upload the image by clicking ‘Browse’ button and click ‘Generate Favicon’
  4. Check your new Favicon and download it via the link provided by Chami
  5. Unzip the contents you have just downloaded and upload the favicon to your webhost (”public_html” in most cases).
  6. Now log in to your wordpress account, and locate Header.php , mostly under Appearance/Editing.
  7. Insert the code anywhere in the header.php coding mode; to be safe insert it somwhere in the middle and update. You are finished.

<Link rel=”shortcut icon” href=”favicon.ico”/>

Important Note: You have to Insert the URL address in “favicon.ico”, in the above code. For example, for our website technama the code looked like this;

<link rel=”shortcut icon” href=”http://www.technama.com/wp-content/favicon.ico” />

Hope this helps, if you have any problems or queries Technama is here to assist you.

Related Articles:

  1. How to add Statpress Plugin (Daniele Lippi) in WordPress Blog
  2. WordPress Fatal error: Cannot redeclare wp_load_image() (previously declared in…
  3. appmakr – Create Your Own iPhone Apps Without Coding
  4. Troubleshot: Warning: Cannot modify header information – headers already sent by (output started at… [WORDPRESS]
  5. WordPress Fatal error: Call to undefined function _deep_replace()…pluggable.php on line 884
  6. How to add Microsoft Core fonts to Ubuntu

{ 9 comments… read them below or add one }

KeHoeff May 28, 2009 at 9:54 pm

hey this is a very interesting article!

Reply

Vyan RH August 12, 2009 at 10:50 am

Howdy, Thanks for your info.
But in WP.com it is not work, any suggestion?
Best regards.

Reply

Mike January 9, 2010 at 3:28 pm

This information was very helpful! I had to play around with it a few times but finally got it. I tried to get the instructions from a few other sites but TechNama was the only one that explained how the code should actually look once modified, which was a big help for a Wordpress rookie like me. Thanks again.

Reply

rabiatul adawiyah February 25, 2010 at 3:23 am

thank you so much.. very helpful.. for 1 night i try to configure but failed and suddenly i found your tutorial.. im so glad.. thank u so much!!

Reply

MJK February 25, 2010 at 8:03 am

Salams Rabia You are most welcome.

Reply

Vi March 13, 2010 at 6:39 am

Thank you so much for this tutorial!!! I’ve tried many different ones to add a favicon and couldn’t get it to work until I came across your tutorial! thank you again!

Reply

Technorotic April 9, 2010 at 6:57 am

Thank you so much for this tutorial!!!

Reply

Jerome Graham November 12, 2010 at 9:50 am

I create my own favicon and I used it on my twitter. There lot of great favicon generator for free.Just follow the given instructions like this article.

Reply

Jen December 9, 2010 at 5:58 pm

Thank you so much, I’ve been wondering how to make those neat little images. Your tutorial is just what I needed!

Reply

Leave a Comment

Previous post:

Next post: