The standard blog has the header which scrolls upward along with the content and soon disappears from view. It is a rare connoisseur's blog which has a fixed header with the content scrolling upwards into it. This effect has the header always remaining in view thus imprinting itself in the viewer's memory........ Technorati Tags:header, fixed header, banner link, blogger hacks, blog header, template, css
As an example I have hacked the new layouts of Blogger to reproduce this effect as can be seen here. See the screenshots below in which the header remains fixed in its place as the content magically scrolls into it and disappears.


To achieve this effect you have to change or modify the following code in your new Blogger template/layout. Go to Template------>Edit Html and first backup your template. Then scroll down in the css section and add this code :
@media screen{
body>div#header{
position: fixed;
}
}
* html body{
overflow:hidden;
}
* html div#content{
height:100%;
overflow:auto;
}
after this line
<b:skin><











