Wednesday, March 16, 2011

add a favicon icon to blogger url

If you have a blogger site you will see you already have a favicon it looks something like the one on the left only tiny.

Well if you have your favicon ready you can still use this on your blogger URL and it will replace the orange and white B with a logo of your choice.

First you will need somewhere to store ion the web as you don’t get web storage space with blogger. Photobucket, flickr or one of the many photo sharing webs is a great place to start. You just upload your .ico file to the site and copy the web address in the address bar of your browser.

Next copy this address into the code below so it reads as:

< link href='mysiteURL/myiconname.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/ >

Replacing “mysiteURL/myiconname.ico” with the full address of your site including the http:// and the full name of the .ico file.

If you can open the icon file from a web page on your browser you can copy the full address from there.

Next you need to open up your blogger edit template page.

Ok, deep breath here because the page is full of scary web code.

Search the text for < /head > and when you have found it paste the previous text directly above this line. It should now look something like:

< link href='mysiteURL/myiconname.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/ >
< /head >


NB there are no spaces between the < > brackets and the text this is just to get it to display here.

Save it and view the blog.

If you have entered this information correctly this will work and if not don’t panic. Just return to the edit html page and remove the code you pasted in and save it again and order will be restored.

How to make a favicon from scratch

Google Blogger For Dummies