How To Add A Favicon (Favorite Icon) Image To A Wordpress Blog
If you look at your browser address bar as you’re reading this blog, you’ll see my favicon image.
It’s the sweet-looking, small speech-bubble image, with the letter “K” inside.
And if you add this blog to your favorites or bookmarks (and I hope you will!), you’ll also see the image appear in your list of bookmarks,
This should help my blog to stand-out from the other sites.
If you would like to add a favicon image to your Wordpress blog, here’s how to do it.
STEP 1
Make a 16×16 pixel image and save as an “ico” image. Call it favicon.ico
You can use the free graphics program GIMP to do this, if you don’t already have suitable graphics editing software.
If you don’t want to make your own image, you may download and use this favicon I’ve made.
Just right-click and choose “save image as”, to save it to your desktop.
STEP 2
Upload the favicon using an FTP program to your server, at the top level of your blog.
Rename it to favicon.ico if necessary.
STEP 3
Login as admin for your blog. Ensure this line of code is in the header.php file, of the theme you are using.
Add the code line using the theme editor, if it’s not there already.
<link rel=”shortcut icon” href=”<?php echo get_settings(‘home’); ?>/favicon.ico” />
Here’s an image, showing the theme editor being used to edit the file header.php …
STEP 4
Refresh your blog and check the favicon shows as expected.
Hope you like it!
i dont know where it is, the part 3 i cant find header.php do you need css? im using wordpress
Thanks for the question.
I have added a screenshot above, showing me using the Theme Editor, on the code in file header.php.
[...] public links >> ico How To Add A Favicon (Favorite Icon) Image To A Wordpress Blog Saved by luvpink4ever22 on Wed 22-10-2008 ?Icon? PRYNDER & AQUINDER Finder icons Saved [...]
STEP 2
Upload the favicon using an FTP program to your server, at the top level of your blog.
What do you mean by “at the top level of you blog”
can you elaborate? What is the top level? sorry I am new to all this. THanks.
Hi Ali
Thanks for the question. By “at the top level of your blog”, I mean don’t put it in a subfolder.
So if your blog is installed at the root of the domain, put it there ie. yourdomain.com/favicon.ico
Alternatively, is your blog is in a subfolder, for example at yourdomain.com/blog then put the icon there at.. yourdomain.com/blog/favicon.ico
Hope that helps.
Thanks for your post. At first I thought it didn’t work until I closed all my browsers and tried again – this time it did. What I don’t understand is why my established bookmark in my FF browser has not changed icon.
Liked the post very much, the tut given was really great. Thank you for the lovely contribution.
I would add a favicon to my blog as soon as i make a logo for it
Thank you.Helpful content.Helped me setup icon on my wordpress.
I’ve followed your steps but it seems not working on my site.
How long should it take before I can see the icon?
Mylene, Well done! It’s there for me, when I look. Do a ctrl+f5 refresh, or open your site in another browser and you should see it.