Tutorial : How to add a favicon to your blog

A favicon is the little picture besides the URL ( see screenshot below ).

Favicons are used usually to create a more appealing visual interface for the visitor. The impression that they only contribute to the visual aspect of a blog is misleading, when adding a blog to favorites the Favicon is associated with the URL, so the blogs with favicons stand out.

Getting a favicon for your blog is highly advised at this point, if you don’t know how to do it but you want to find out, here’s how you can do it :

1.First off, you’ll need an image - any image that you think represents your site the most will do - keep in mind though you’re going to need one that it’s royalty-free and not copyrighted.

2. Go to Chami’s Favicon Tool Generator

3. Upload your image, by clicking the “Browse button” and afterwards “Generate Favicon”.

4. After the script will finish the favicon generation, you will be presented with a link to download the newly generated favicon. Click to download it and save it on your PC ( you can also test preview it by clicking “Test in Browser” ).

5. Unzip the folder you just downloaded ( the one that was generated on Chami’s site ), start a FTP manager and upload your files to public_html ( or www ).

6. You’ll now have to edit your header.php and add the following line of code : <link rel="shortcut icon" href="favicon.ico" />

Try to locate the code that starts with the same syntax <link />and place this one above it. Save your header.php file, go to your site’s front page and press SHIFT + F5 ( Windows Users ) to force Firefox to clear its cache. Voila, you now have a favicon on your blog. P.S : If you wish to change it, all you have to do is replace the .ico file with another.