Last week I showed you how to easily create a comments Avatar for your blog, so this week I thought I’d expand on that and show you how to make a favicon for your blog or website.
A Favicon is the little icon that displays to the left of your blog or website’s URL address. If you look above in the address bar of this blog you can see that I have a tiny red dollar sign as my blog’s Favicon.
Just like creating a comments avatar, creating a Favicon for your blog or website is also easy, so let’s get started.
Here are the steps…
1. Find a favicon that you like. There are plenty of free favicon sites where you can find one. Once you find a Favicon save it to your hard drive and call it favicon.ico.
If you already have an image you like, you can easily turn it into a favicon using this simple tool. This tool will instantly create a favicon from your image and then download it to your hard drive for you as an .ico file:
http://tools.dynamicdrive.com/favicon/
2. Once you have your Favicon on your hard drive, upload it to your your public_html file. You can use an FTP program to do this or go to your file manager within your hosting program.
3. Next, go to the edit themes option within your blog’s dashboard and insert this code into the header.php file:
<link rel=”shortcut icon” xhref=”favicon.ico”>
Note: this statement must reflect the name of your favicon file. For example, if your favicon file is called ‘myfavicon.ico’ the statement would look like this:
<link rel=”shortcut icon” xhref=”myfavicon.ico”>
That’s it! If your refresh your blog you will see your new Favicon.
To create a Favicon for your website follow the same instructions above, except at #3 insert the code into your index.html file for your website.
{ 5 comments… read them below or add one }
Twitter: faviconservice
July 7, 2010 at 4:19 pm
creating favicon is not as simple as you’ve described. You have to deal with subpixel (read very very small) details. Better leave this work to prefessionals: http://faviconservice.com. BTW: this page doesn’t have favicon
Actually, creating the favicon is pretty simple using this method, however thanks to your comment I see that my favicon only seems to display in Firefox, apparently it isn’t working with internet explorer, so anyone viewing my blog with IE won’t see my cute little favicon
However for my non Worpress sites, my favicons work just fine in IE. Go figure. I’ll have to consult with my blog expert on this one
Liz a clear tut for creating a favicon. I’ll give this a tweet.
Hey Rose, you’re awesome …and good to hear from you
Thanks a lot! Very helpful for creating my favicon.