Today, I have decide to add new favicon for My TechLife. Previously I was using pre-generated graphic icon as a favicon, which is very bad thing to do. So do your site has a unique favicon. Just take a look at my new favicon.
Favicon is small 16 pixel by 16 pixel small Microsoft Icon image (.ico). Favicon is necessary for every blog as it represent a brand. Many of the blogger use short image of their Avatar as a favicon. So if you have a nicely created unique Avatar then you may also use it as a favicon.
How to create a new favicon
I am not graphics specialist, but I followed tutorials that are available on Net. I tried to create my favicon using Adobe Photoshop 6.
- Jennifer has nice and brief tutorial on How to create a new favicon using Photoshop.
- If you have ready to use Avatar, and you want to use the same as favicon then, convert it to windows icon file. You may use following online image to icon convertor.
How to use Favicon on your blog
Blogger guide - For blogger user, using favicon on your site is very easy. I followed Dummies Guide To Blogger method. Just place the following code after your <title>...</title> tag in blogger template.
<link rel="shortcut icon" href="Url Of Your Favicon" />
<link rel="icon" href="Url Of Your Favicon" type="image/gif" />
(Don't forget to replace the url of the favicon with Url Of Your Favicon, refer to Dummies Guide for more information)
Wordpress Guide - For Wordpress user, just add this favicon in your header.php file. Or you can use Favicon manager Wordpress Plugin from Digital Ramble.
I suggest you to create your original favicon, and try not to copy readymade favicons. At least you can use your initials to represent your blog. After you create new favicon, show your favicon in your comments.