Note : Please backup your template before you perform any blogger Hack.
First of all Goto your blog Edit Html Page and Add the following CSS code to the head section of your blog ie between <head> and </head> Tags .
#belowheader-wrapper {
width:800px;
margin:0 auto 10px;
overflow: hidden;
}
In the above code use the width equal to your Header wrapper.Now search for the following lines of code .
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bloganol Demo Blog (Header)' type='Header'/>
</b:section>
</div>
Finally paste the following code just after the above code.
<div id='belowheader-wrapper'>
<b:section class='belowheader' id='belowheader' preferred='yes'/>
</div>
Now see the snapshots belowBefore
After
sweet!
ReplyDeleteFor some reason I can't find anything even remotely similar to the code in you second box.
ReplyDeleteCan you help me identify exactly where I should put the second piece of code that I need to add?
Thanks was searching the whole web for this :)
ReplyDelete