Sunday, October 14, 2007

How to add a favicon to Blogger

After uploading a favicon for my PHP site, I've tried placing a favicon here on Blogger. The procedure is very easy. After creating an icon or animated GIF image, upload it into a photo webhost or server, like Photobucket.

Log in to your Blogger account, click the Layout link of your blog.



On the Template tab, click Edit HTML.



Now you have to add this code into your Blogger HTML template, just below the <head> tag:

<link href='http://i71.photobucket.com/albums/i134/xxxxxx/xxx.jpg' rel='shortcut icon' type='image/ico'/>





The text with a blue color should be replaced by the Direct Link code of your image uploaded on Photobucket. You may upload your image into any photo webhosts, as long as the URL format above is followed.

Save your HTML, and you're done!

No comments: