Friday, January 7, 2011

Change The Blogger Favicon

EDIT: Blogger now incorporates a favicon uploader in their "Design" page on the Dashboard, so you no longer need to do this!!!

Pretty much all websites now have their own favicon. A favicon is a 16x16 pixel image that is shown in the explorer bar and when people bookmark your site so it is nice to have one personalized. You can either draw your own picture in paint or GIMP, or resize your own picture. The advantage of dawing your own is that it can be perfectly personalized. The advantage of resizing is that you get the advantage of automatic software blending, so that the edges don’t seem as sharp. The choice is yours. Once you have your image (jpg, png, gif, bmp, ico or tiff for this method) take the following steps.



1. First go to http://www.iconj.com/ which is the online favicon generator and host that I use.


The home page should look similar to the screenshot above. Click ‘Choose File’ and browse to your image that you want to use and choose a sharpen level (I always choose ‘No Sharpen’) and click on ‘Upload Now’.

2. You should now be presented with the screen below:


The link that you will want to use for Blogger is the Direct Link. This means the favicon is hosted at IconJ’s own website. I don’t know how long it stays there, but all mine are still going strong, but keep an eye out just in case you need to repeat the process. Copy the link provided here.

3. Now, in Blogger go to the Design View and click on Edit HTML. As always, download the full template to keep a backup before you make any changes.

Next find the following code:



Now just paste the code provided at IconJ below this. The final code should look something like the following (with your own link of course!)



You now have your very own favicon!

No comments:

Post a Comment