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 be necessarily 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:
Please Share The Post If You Liked It:
Discuss this in the
Computer Realm Forums
new!
Subscribe for future
updates for free by RSS
or
Email
Leave a comment below and get
CommentLuv
Found a typo, dead link or dead image above? Please leave a comment or
contact me.
Latest Forum Posts
If you would like to make a comment, please fill out the form below.
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
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
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
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
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
thank you http://www.frmedya.com
Reply
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
Wasn’t hard at all, I just replaced the favicon.ico in my theme folder. using WordPress Journalist Theme.
Reply
Not working. Using leen.name theme “the-scenery”.
Reply
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
Thanks your message has very much helped me:)
Reply
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
same method mentioned in the post should work.
Reply
Worked flawlessly in wordpress 2.6.3
catalintu’s last blog post..Say Hello to the Community!
Reply
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
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
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
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
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
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
Thank you for sharing this information!
DeShion DeShields’s last blog post..test
Reply
Thanks for sharing faviconsr . us url
Dewaji SEO Test’s last blog post..Busby SEO Test
Reply
Hi, thanks for the tips change the WP favicon.
beloed’s last blog post..Busby SEO Test behind the mask?
Reply
I was looking for a way to do that… thanks !
Acai Burn Reviews’s last blog post..Pure Acai Berry | Acai Pure
Reply
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
woo hoo..Thanks for tips man! I have changed it to a small globe. looks good now
Reply
Thanks for the info. It worked out perfectly in WP 2.7.1.
Reply
Hy thanks for sharing. Love your blog!
Reply
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
Thanks for this. I’ll try this now…
Reply
Worked like a charm! Thanks again!
Reply
You rock. World needs more souls like you.
Reply
[...] 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 [...]
[...] 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 [...]
[...] 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 [...]
[...] 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 [...]
[...] 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! [...]
[...] 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 [...]
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
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
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
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
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
Great tips. My favicon is now better
.
.-= Koncerty´s last blog ..Shaggy Kraków – 2009-08-22 =-.
Reply
I couldn’t find the one you mentioned from the ‘add new plug-in’ installer,
Reply
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
Worked like a charm. Thanks
Reply
Dude. I have been trying to figure this out for a week now. Thanks! You saved my butt.
Reply
Glad to know it helped you.
Reply
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
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
Thanks! You made it so easy =)
Reply
Easy instructions ~ Worked great! Thanks so much
Reply
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
[...] 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, [...]
Thanks for the post. Very easy and those favicon sites are quite helpful.
Reply
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
[...] a new favicon [...]