How To Add A FavIcon To Your Blog
I received a question earlier today from a friend asking how she can add a FavIcon to her blog so that she can give it that extra little touch of personalization. For those that aren’t aware, a FavIcon is the small square picture that you can see up in the address bar next to the URL of the web site that you are currently on.
Utilizing a FavIcon can not only add a truly custom look to your blog but it can also increase the visibility of your web site. If somebody has a list of blogs that they read, most likely there will be the FavIcon listed next to the name of the web site. This is where having one can be important as it can grab attention and provoke more visits to your site.
Creating a FavIcon for your blog or web site is actually really easy. All that you need to do is select an image that you would like to use as your FavIcon. Then, resize the image down to 16 pixels wide by 16 pixels high, as that is the default dimensions that a web browser uses. Save the image with the extension .ico instead of .jpg, .png, .gif or similar image extension.
From there, upload the image to your webserver and open up header.php assuming you are using WordPress. Inside of the <head> </head> tags you will want to place the following code
<link rel="icon" href="URL to icon" /> <link rel="shortcut icon" href="URL to icon" />
Make sure you save the file and upload it back to your webserver if necessary. If everything went correctly your blog should now have it’s very own FavIcon.
Feedback!
If you read this post and understood it great! Let me know in the comments below. If you are still having issues and can't get it figured out, you are more than welcome to leave a comment or send me an email using the contact form and I'll do what I can to help!