Add favicon in blogger

A favicon (short for favorites icon), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage.A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab. Some programs allow the user to select an icon of their own from the hard drive and associate it with a website.

Here the steps that add favicon in blogger:

Step 1 : Upload your favicon in your photo sharing server (Here i use picasa).

Step 2 : Open your blogger Dashboard and go Design -- > Edit html

Step 3 : Copy following code and paste it above <b:skin><![CDATA[/*.

<link href='FavIcon_URL' rel='shortcut icon'/>
<link href='FavIcon_URL' rel='icon'/>

Step 4 : Replace FavIcon_URL with your favicon image location

Step 5 : Save.

Now see your icon on your browser.

Hide Blogger Navbar

Step 1: Log in to Blogger

Step 2 : On your Dashboard, click Layout under Manage Blogs. Then click Edit HTML.

Step 3 : You will get HTML of your blog template.

Step 4 : Paste following code in your html head part ( paste the CSS in the top of the Variable definitions )

#navbar-iframe {
display: none !important;
}

Step 5 : Click Save