How to Change your WordPress Favicon

By

I recently wrote a post on how to change your Blogger Favicon so it’s only fair that I write a post on how to do the same on the WordPress platform.

I have to mention it is a bit easier than changing your Blogger Favicon. If you were wondering, a favicon is your site’s ‘icon’ which is displayed on the address bar next to your URL. It’s more like a logo for your website and it is advised that you use one on your site to brand your site properly.

On WordPress by default, the favicon is set to the WordPress icon or does not contain anything at all (depends on the theme). Changing your Favicon consists of a simple procedure. By-the-way this can only be done for self hosted WordPress users so users on WordPress.com don’t get your hopes too high.

 

 

 

First of all you’ll need to create a Favicon or get a free ready made one. Here are some sources:

Your favicons don’t need to necessarily be a *.ico file, it can be any image file but make sure the size of the Favicon is not too big or you might realize the size of the Favicon is bigger than the rest of your web page. Also make sure sizes are square and 16×16, 32×32, 64×64 or 128×128. Other sizes would also probably work though it’s important to keep it small to make sure the Favicon looks sharp and high quality on your site.

Once you’ve got yourself a Favicon, upload your Favicon anywhere in your site directory or on any other free or custom web host. Once you have uploaded the Favicon open your template’s Header.php file in your WordPress admin panel (Presentation > Theme Editor) with the Theme editor.

Paste this code anywhere in the file:

<link rel=”shortcut icon” href=”faviconpath” />

Replace ‘faviconpath’ with the path of the Favion. Once this is done save the settings and open your site. You should see your new Favicon next to your web URL on the address bar.

Alternately you can use this WordPress Favicon plug-in. Simply paste the PHP file in your plug-ins directory, activate it and enter the path of the Favicon in the plug-in options.

You can read a different explanation of adding a Favicon to your WordPress blog here

Don’t forget to leave your feedback!

People who read this post also read:

  • How to Change your Blogger Favicon
  •  

  • Blogger to WordPress Part 2 – Feeds, Re-directs & Permalinks
  •  

  • Blogger To WordPress Part 1 – Keeping it simple
  •  

  • Blogger to WordPress Part 3 – Plug-ins to get you started
  •  

  • How to remove your New Blogger Navigation Bar
  •  

     

    Did you like this article?

     

    Please Share This Article:

    http://www.computer-realm.net/wp-content/plugins/sociofluid/images/digg_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/reddit_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/stumbleupon_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/delicious_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/technorati_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/google_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/facebook_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/twitter_48.png

      Subscribe for future updates for free by RSS or Email

    About The Author

    is a Software Developer and the main writer behind Computer Realm.

    69 Comments so far
    1. luq February 26, 2008 4:46 am

      For some reason for me the Favicon works on my index and admin pages only, this could be because i edited my htaccess file to re-direct my blogger URL’s. if anyone else has solved a similar problem please leave a comment.

      Update – works now, once i changed my theme that is

      Reply

    2. Lemon April 18, 2008 10:30 am

      I didn’t realise there was a plugin for the fav icon, its not hard to paste a simple bit of code into the header file. But of course you have to take into account who the blogger is and how intelligent they are. I’m yet to install a fav icon on my site, its on my list of things to do but its pretty far down

      Lemon’s last blog post..Intel Core 2 Duo E6600 Conroe | Dual Core Processor Great for Overclocking

      Reply

    3. luq April 18, 2008 11:22 pm

      I think a favicon is one of the basic aspects that any blog should have and its not a big deal to add one to, i suggest you get a favicon to your site soon enough.

      Reply

    4. Rich April 25, 2008 10:29 pm

      Hey I did not realise that you could change your Favicon.
      In fact idid not even know what a favicon was.
      This is why i enjoy blogging around as you do not know what you will come up with.

      Grat blog

      Rich

      Rich’s last blog post..By: Wayne | affiliate marketing opportunity

      Reply

        luq reply on April 25th, 2008 11:36 pm:

      thanks for stopping by, glad you figured out about it, its always a good thing to have your own favicon for your blog, i suggest you get one on your blog too.

      Reply

    5. thank you http://www.frmedya.com May 18, 2008 3:35 pm
    6. pellet stove July 4, 2008 11:04 pm

      thanks for tips…now i can use the favicon on my blog….

      pellet stove’s last blog post..Harman PF100 Hot Air Pellet Furnace

      Reply

    7. Al August 12, 2008 9:51 am

      Wasn’t hard at all, I just replaced the favicon.ico in my theme folder. using WordPress Journalist Theme.

      Reply

    8. ramalamadingdong September 19, 2008 3:16 am

      Not working. Using leen.name theme “the-scenery”.

      Reply

    9. Danny Cooper October 21, 2008 6:32 pm

      I have never seen this method before, I think I may have used the alternate method you suggested.

      Danny Cooper’s last blog post..A Lesson in Comment Etiquette

      Reply

    10. Anonymous October 30, 2008 12:19 am

      Thanks your message has very much helped me:)

      Reply

    11. Latenightshow November 10, 2008 12:45 am

      Question. I have this house music blog and I want to customize my favicon. My blog is located at wordpress but I have payed for the custom CSS upgrade and I have my own address (www.latenightshow.biz, that is). So how do I do?

      Thanks in advance!

      Reply

    12. luq November 11, 2008 11:02 pm

      same method mentioned in the post should work.

      Reply

    13. catalintu November 12, 2008 10:12 am

      Worked flawlessly in wordpress 2.6.3

      catalintu’s last blog post..Say Hello to the Community!

      Reply

    14. no win no fee November 14, 2008 9:24 pm

      Didn’t realise how simple it was to change the favicon – I cheated and used the plugin when I changed mine as I didn’t really know what I was doing.

      Reply

    15. Vardenafil November 19, 2008 3:39 am

      The site very professional! Keep up the good work! Oh yes, one extra comment – maybe you could add more pictures too! So, good luck to your team!

      Reply

    16. Rickard November 24, 2008 12:54 am

      So, if my blog is hosted by wordpress.com then I can´t not change my favicon? Is´nt there any way of doing it then? Does this mean I have to host my blog on my computer or server in order to be able to change it?

      Reply

        luq reply on November 24th, 2008 3:33 pm:

      well i don’t think you can assign a favicon if you use wordpress.com..you’ll have to host the blog on a server using wordpress.org.

      Reply

    17. Busby SEO Test December 2, 2008 2:26 pm

      like luq said we can’t assign a favicon on wordpress.com. You have to host your blog on you own server.

      When i creating a favicon i don’t need to creating this code . I just create a simple file caled favicon.ico and then upload it into the root directory. that’s it.

      Busby SEO Test’s last blog post..My Pagerank Toolbar not visible

      Reply

    18. Even if you do get the favicon to work right, you run into the some browsers read them and other don’t problem, which can be maddening!

      David @ Internet Marketing Management Strategy’s last blog post..Search Engine Strategies Chicago 2008: Video Search Engine Optimization

      Reply

    19. DeShion DeShields December 31, 2008 3:41 pm

      Thank you for sharing this information!

      DeShion DeShields’s last blog post..test

      Reply

    20. Dewaji SEO Test January 13, 2009 8:31 am

      Thanks for sharing faviconsr . us url

      Dewaji SEO Test’s last blog post..Busby SEO Test

      Reply

    21. beloed January 14, 2009 7:01 am

      Hi, thanks for the tips change the WP favicon.

      beloed’s last blog post..Busby SEO Test behind the mask?

      Reply

    22. Acai Burn Reviews January 24, 2009 12:51 pm

      I was looking for a way to do that… thanks !

      Acai Burn Reviews’s last blog post..Pure Acai Berry | Acai Pure

      Reply

    23. scarica emule gratis February 4, 2009 6:22 pm

      I was just looking a way to do this on my emule blog!

      Thanks a lot for the info.

      scarica emule gratis’s last blog post..Emule e i file corrotti

      Reply

    24. Digital Mastering February 21, 2009 11:06 pm

      woo hoo..Thanks for tips man! I have changed it to a small globe. looks good now

      Reply

    25. digitalemike February 23, 2009 2:51 am

      Thanks for the info. It worked out perfectly in WP 2.7.1.

      Reply

    26. Get SIx Pack Abs April 13, 2009 5:26 pm

      Hy thanks for sharing. Love your blog! :)

      Reply

    27. tnomeralc web design toys April 28, 2009 8:08 am

      I love reading your blog and some of you post very informative and great article.

      tnomeralc web design toys’s last blog post..Tnomeralc Web Design Toys Deeplinking

      Reply

    28. J.Lamar Ferren May 10, 2009 5:02 pm

      Thanks for this. I’ll try this now…

      Reply

    29. J.Lamar Ferren May 10, 2009 6:00 pm

      Worked like a charm! Thanks again!

      Reply

    30. 17 year old car insurance May 14, 2009 11:37 am

      You rock. World needs more souls like you.

      Reply

    31. [...] How to change your WordPress Favicon Computer Realm Posted by root 20 hours ago (http://www.computer-realm.net) Step by step post on how to change your wordpress blog favicon find out where a website stands instantly middot two operating systems on startup powered by feedburner leave a comment below and get a backlink and commentluv Discuss  |  Bury |  News | How to change your WordPress Favicon Computer Realm [...]

    32. [...] How to change your WordPress Favicon Computer Realm Posted by root 1 hour 56 minutes ago (http://www.computer-realm.net) Step by step post on how to change your wordpress blog favicon find out where a website stands instantly middot two operating systems on startup powered by feedburner leave a comment below and get a backlink and commentluv Discuss  |  Bury |  News | How to change your WordPress Favicon Computer Realm [...]

    33. How to change your Wordpress Favicon Computer Realm | low cost car insurance June 17, 2009 9:46 am

      [...] How to change your WordPress Favicon Computer Realm Posted by root 5 minutes ago (http://www.computer-realm.net) 17 year old car insurance may 14 2009 11 37 am you rock instantly middot two operating systems on startup powered by feedburner leave a comment below Discuss  |  Bury |  News | How to change your WordPress Favicon Computer Realm [...]

    34. How to change your Wordpress Favicon Computer Realm | garden statues June 19, 2009 2:25 pm

      [...] How to change your WordPress Favicon Computer Realm Posted by root 4 days ago (http://www.computer-realm.net) Step by step post on how to change your wordpress blog favicon tnomeralc web design toys last blog post tnomeralc web design toys deeplinking two operating systems on startup powered by feedburner leave a comment below and Discuss  |  Bury |  News | How to change your WordPress Favicon Computer Realm [...]

    35. [...] How to add a favicon to your wordpress.org blog. On wordpress.org, you can install a plugin to manage your favicon so you don’t have to upload anything to your root directory (which requires an FTP client). I use Shockingly Simple Favicon plugin. It was still a bit of work, but totally worth it! [...]

    36. [...] How to change your WordPress Favicon Computer Realm Posted by root 3 days ago (http://www.computer-realm.net) Step by step post on how to change your wordpress blog favicon david internet marketing management strategy december 27 2008 7 02 am middot two operating systems on startup powered by feedburner leave a comment below and Discuss  |  Bury |  News | How to change your WordPress Favicon Computer Realm [...]

    37. Larry Cheng June 23, 2009 2:02 am

      I’m hosted on WordPress.com so I can’t change my blog favicon. What’s the benefit of self-hosting? I’ve been thinking about it more.

      Reply

        luq reply on June 23rd, 2009 9:56 am:

      If you are looking to take your blog to the next level, self hosting is the way to go, the main advantage behind self hosting is the amount of customization at your disposal. Access to plugins gives your site a lot more functionality, helps you build more traffic, better management and allows your site visitors to reach content more easily based on the plugins you use. You’d also have a lot more theme options to go with allowing you to have a look that you see fit, not just the themes available in the WordPress theme directory. However if you are blogging on a small scale and looking to keep things small in terms of traffic, the wordpress.com services should be sufficient.

      Reply

        Matt reply on March 24th, 2010 4:44 am:

      For blogs hosted on wordpress.com you only need to change your “blavatar”: Settings -> General -> Blog Picture.

      Source: http://en.support.wordpress.com/avatars/blavatars/

      -Matt

      Reply

    38. FtonDavid July 4, 2009 8:02 am

      Thank you for the explanation, and hinting that there are plug-ins that will do this for you. I couldn’t find the one you mentioned from the ‘add new plug-in’ installer, but I did find “Extended Options” (works with WordPress v2.8 so far … Dashboard > Settings > Extended … I opted for ‘Embedded encoded favicon’).

      http://www.plaintxt.org/experiments/extended-options/
      .-= FtonDavid´s last blog ..BoaB (Birth of a Blog) =-.

      Reply

        Luqmaan reply on July 4th, 2009 3:53 pm:

      thanks for the tip, i’m sure that should come in handy. as for the plugin, there’s favicon manager as well that incorporates a favicon to your site:
      http://www.digitalramble.com/favicon-manager-wordpress-plugin/

      Reply

    39. Koncerty August 11, 2009 11:34 pm

      Great tips. My favicon is now better :) .
      .-= Koncerty´s last blog ..Shaggy Kraków – 2009-08-22 =-.

      Reply

    40. grow taller 4 idiots August 19, 2009 12:58 am

      I couldn’t find the one you mentioned from the ‘add new plug-in’ installer,

      Reply

    41. chicago car insurance December 19, 2009 5:19 am

      Thanks for the post. If you don’t mind my asking, what WP theme are you using? Is it available Free or is it a custom design? Thanks.

      Reply

    42. Graeme February 8, 2010 2:08 am

      Worked like a charm. Thanks

      Reply

    43. Drew Shope February 26, 2010 7:02 am

      Dude. I have been trying to figure this out for a week now. Thanks! You saved my butt.

      Reply

        Luqmaan reply on March 2nd, 2010 8:16 pm:

      Glad to know it helped you.

      Reply

    44. Suresh Khanal March 23, 2010 8:37 pm

      To apply favicons and even to generate or apply our gravatar as favicon, there are plugins available, its just a matter of few searches.

      I was wondering and I don’t know it yet what it is called for that rectangular part at the beginning of address bar itself. It is much larger than favicon and rectangular in shape like that of paypal site. Do you know what it is called and how to do that?
      .-= Suresh Khanal´s last blog ..How to add favicon to your blog (WordPress) =-.

      Reply

    45. sam March 29, 2010 1:22 pm

      hi luq..I think I managed to install a favicon to my site using your advice by intalling the http://www.digitalramble.com/favicon-manager-wordpress-plugin/.I could see it in my pc.However,could you please tell me if you can;t see any..thx

      Reply

    46. Keri April 2, 2010 2:10 am

      Thanks! You made it so easy =)

      Reply

    47. Marsha April 5, 2010 2:41 pm

      Easy instructions ~ Worked great! Thanks so much :)

      Reply

    48. scott penton April 24, 2010 10:42 am

      well, the code didn’t work but the plug-in did, Thank you, the plug-in is so much easier, just put the address of the .jpg or .gif from your server and it’s done. Thank you very much

      Reply

    49. Favicons :: Welcome to Penton Technologies April 24, 2010 6:59 pm

      [...] you put those on your Web Server. Then for wordpress, there’s a very cool plug-in from this site, once you download the .zip file upload it to the plug-in section of your wordpress admin page, [...]

    50. atallison May 13, 2010 8:03 am

      Thanks for the post. Very easy and those favicon sites are quite helpful.

      Reply

    51. jeuxvideo June 5, 2010 3:12 pm

      Thanks a ton. I was grappling with trying to get my favicon to show and even though I’d replaced the existing favicon.ico, it still didn’t show up, until I used the WP favicon plugin…

      Reply

    52. The Bookkeeper » Bloggiesta wrap up June 14, 2010 9:44 pm

      [...] a new favicon [...]

    53. Arif November 9, 2010 8:12 pm

      Thanks alot . now i fill up my site with more courage

      Reply

    54. Denis Hughes November 12, 2010 2:40 pm

      Favicon works on all my pages and I i suggest you should get a favicon into your site too. I’m enjoying most of my time with my blogs because of favicon.Thanks!

      Reply

    55. A McLeod November 19, 2010 5:33 pm

      this does not work with WP 3.0.1. with or without the dot.ico – this still fails.
      I have managed to insert a favicon icon when using Themeforest Unite in another WP3.0.1 site via the theme panel.

      Reply

    56. Jogn December 17, 2010 10:29 am

      Nice post, great to hear about your experience

      Reply

    57. big pappa rabbit February 4, 2011 11:46 am

      yea fav icon. u litterally set a path. wow. how hard. i cant do it. it tooo much. brain…exploding…im dying…ahhhh…help…

      Reply

    58. Blake February 7, 2011 7:12 pm

      Hi,

      I tried the method of altering the script and now any time I go to access wordpress or my site this is displayed:

      Parse error: syntax error, unexpected ‘<' in /home/blakereb/6040mag.com/wp-content/themes/Magzimus – ThemeForest/magzimus/includes/header.php on line 18

      The window with header.php code can still be accessed via clicking the browser "Back" button where I can ctrl+z the code to its original form and then press update but the same error message is displayed.

      Please help as now I can't even access WordPress or my site and I fear that I have lsot everything!!!!

      Ta,
      Blake

      Reply

    59. sugeng February 24, 2011 11:42 am

      nice post , i will try because my site is no icon

      Reply

    60. Priya Sharma May 11, 2011 6:57 pm

      I really like your post. Keep posting :-)

      Reply

    61. Monik June 15, 2011 5:28 pm

      Thank you sooo much!!!!!
      Took a while but finally I figured our the right ” marks and it works! :D

      Reply

    62. Under the Hood | Stella Meme June 22, 2011 7:27 pm

      [...] visual modifications. I had already customized my ten twenty header and then tonight I updated my favicon.ico. (do you see a ‘saw’ icon at the top left next to my URL?) Again, takes some time to [...]

    Leave a Comment

    If you would like to make a comment, please fill out the form below.

    Any "names" that are keywords will be deleted.

    Name (required)

    Email (required)

    Website

    Comments

    Terms & Privacy | Copyright (c) 2014 Luqmaan Ameen, - WordPress Themes by DBT