Add floating header to your Blogger blog with simple CSS

There is a simple way to make your blog title to be visible while scrolling. All you have to do is go to 'Template->Customize->Advanced->Add CSS' and override the #header CSS with this:

The first line declares that the position is static at 0 pixels from the top, the z-index with a very high value declares that is in front and the width covers the whole page.
The second line gives some space for the following section so that it doesn't hide the rest of the contents.