Customize blogger layout - adding favicon, removing navbar, and more to your blog

These tweaks will require you to modify your blogger template by going to Layout --> Edit HTML. I recommend backing up your template just in case something goes awry:

Adding your own favicon to blogger

Add a line under the title block for *.ico files:

<title><data:blog.pagetitle/></title>
<link href='favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

For *.png files:

<link href='favicon.png' rel='shortcut icon' type='image/png'/>

For *.gif files:

<link href='favicon.gif' rel='shortcut icon' type='image/gif'/>

Removing the navbar

Add css format above variable definitions:

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

/* Variable definitions

Adding additional widgets to header

Change maxwidgets to larger number, e.g. 3:

<div id="outer-wrapper">

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3'>

Adding "Read More..." to your blog

Nice, slightly complicated hack