How to make a favicon?   How to make an XML sitemap?   How to add a favicon to a blogger URL?
How to add a Favicon icon to Blogger URL.

What is a favicon?

A Favicon is also known as a website icon, URL icon, or bookmark icon. It is the little graphic that displays in the top left of the browser address bar.

When you visit sites or bookmark them, these icons will make these URLs stand out. These are “Favicons” or “Favorite Icons”.

If you own your own web space you can make your own and drop it into the root directory of your site and presto you have a favicon.

If you want to know how to make one from scratch then I suggest you take a look at:

How to make a favicon 

favicon in blogger URL 

This gives a guide on design issues and convertors to make the favicon work in most browsers.

But what if you have a google blogspot site?

If you have a blogger site you will see you already have a favicon it looks something like the one above 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 addresss 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 the 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>

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.

This will work with most browsers that display favicons. There are other ways to do this using GIF files and JPEGS but using this method has definitely produced the most consistent results for me.

Don't have the time or skills - perhaps we could do it? (click for pricing and details).

 How to make a favicon?   How to make an XML sitemap?   How to add a favicon to a blogger URL