How to add custom icon to your blog?

You can change the website icon of your blog. Its simple and easy.

1. Create an image

Create an image of size 16 x 16 px, in format .png, .gif or .ico using your favorite image editor program.

2. Upload your image to web 

Now upload your image file to any image hosting website. I recommend Photobucket for this purpose. Copy your image URL. It should be like http://i718.photobucket.com/albums/abc/xyz/favicon.ico

3. Edit HTML of your Blog

Go to Blogger Dashboard > Layout > Edit HTML and put the following code between </b:skin> and </head> tags in your Blogger template. Replace ‘your-image-file-url.ico’ with your image file URL in following code and save template.

<link href='http://your-image-file-url.ico' rel='shortcut icon' type='image/x-icon'/>

That's all. If your favicon doesn’t appear on browse, clear the browser cache.

Related Posts :

Generate Favicon for your blog

How to add Blogger sitemap to Google Webmaster Tools?

Adding your Blogger’s sitemap to Google Webmaster Tools is a good way to let the Google know more about pages on your blog. To add sitemap go to Google Webmaster Tools and follow these steps:

1. On the Dashboard, click the site for which you want to add a Sitemap. If your blog isn't listed, make sure you've added it to your account and verified it.
2. Click Sitemaps.
3. Click Add a Sitemap.
4. Select Add general Sitemap.
5. In the text box, type either atom.xml or rss.xml. For example, if you add the Atom feed as a Sitemap, the full URL will be http://yourblog.blogspot.com/atom.xml.

How to add an extra page element?

You can add extra page elements / gadget places easily by modifying the blogger template. To do this go to Dashboard > Layout > Edit HTML. Find (Ctrl+F) showaddelement. Change showaddelement='no' to showaddelement='yes'. Change maxwidgets='1' to maxwidgets='2’ or maxwidgets='3’. Save template and now you got extra ‘Add a Gadget’ page elements.

See modified template example below.