Here are the steps in showing your browser icon for your Blogger blog:
- First create an image in regular icon sizes like 16×16, 32×32 and 64×64 pixels in .jpg, .gif or .png to appear to be your blog logo. I prefer the icon in GIF format.
- Then upload it to Picasa or ImageShack I suggest that you don’t use PhotoBucket since I’m observing some blog that don’t show the image but instead showing up out-of-bandwith or inactive account errors. Get the direct link to your image.
- Now log on to your Blogger account, go to Layout–>Edit HTML.
- Find the code below,
then just before that copy and paste the code below,
rel='shortcut icon' type='image/gif'/>
remember to replace the URL (http://yourimagedirectlinkhere) with your image direct link.
- Then save your template.
- View your blog then you must see your logo instead of the Blogger logo on the browser tab.
If this doesn’t work for you please let me know at the comment form below.