I was very frustrated when i tried a to add a favicon to my WordPress themed blog. there are many website there that are outdate. so now i am writing this so that many people can benefit from my set backs.

Favicons are very powerful. it gives readers a feeling whether your a have pass six blogger or someone serious about his work cause he puts time in to detailing his website.

Get A Favourite Icon

To add a favicon logo to your new wordpress 3.0 or Blog or site, you need to first have the favicon image. You don’t have to ask or pay a good designer to do it for you. You can either use illustrator or other image editors to make one and convert it to a 16 by 16 pixel icon. easiest is to save it as a PNG file then convert it to ICO file by just changing the format.

If your lazy and want don’t want to waste time for a stupid image so small on a top bar then you can follow this steps.

GO TO –> http://www.htmlkit.com/favicon. This site helps you make and icon within 3 seconds and you can save it straight to your desktop. You can even make an animated one! loook! –> 

Add Favicon.ico to your WordPress with Plugins

The easiest way nowadays for you lazy bums out there is just installing a PLUGIN!

there area a few plugins out there but I like “All in one Favicon”. just click the link and it’ll lead you there.

install it and then activate it. Then go to your setting in wordpress and presto it’s there!

=) there is a few other plugins there that you can try which are good. you can read it up on my other post at Top Must Have Plugins When Starting Up a blog with WordPress.

Next step is just to upload your favicon.ico (it’s always easy to name it this for easy reference) and presto. there you have it all set up within 5 minutes.

Add Favicon to your WordPress the manual way.

The hard way would be to Go to your editor at your Appearance tab at your left on wordpress and hit Editor.

Then Look for the Header.PHP file on the right hand side like below. All themes should have this file. its very uncommon that the header.PHP is missing. Unless you deleted it or didn’t fully upload the theme.

Last but not least you need to add this line of programing after the Pingback Line and before the Head> text. And you should update and refresh your website to see the results. =) click on the image for a closer look.

<link rel=”shortcut icon” href=”http://s.wordpress.org/favicon.ico” type=”image/vnd.microsoft.icon”/>
<link rel=”icon” href=”http://s.wordpress.org/favicon.ico” type=”image/x-ico”/>

That’s all folks. Hope this help you guys to get your very own favicon without going through all the diggings to get mine set up. I did mine all the manual way!

No related posts.