Adding new layout just below header in blogger is not so hard . You may have tried to add new sidebar in blogger.Similar to that you have to add some codes to your blog To create a new layout for adding a new page element in your blog.
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 below
Before
After
Consider to Subscribe to our RSS feed or Follow us at Twitter or Join our Facebook Fan Page.Enter your Email below to subscribe to our updates via Email.
Similar Posts
- How to create section to add Gadgets in your header section?
- Remove blog Header and Use Image Instead
- Create Table of Contents in Blogger
- Create Table of Contents Page for your blog
- 30 cool Blog Header background images
Article by Dinesh Dhakal
Dinesh has written 294 awesome articles for us. Dinesh Dhakal(Deineshd) is the Admin of this blog.He is from Kathmandu, Nepal who is blogging since complete 4 years.You can catch him on twitter at Twitter.com/deineshd and in Facebook at Facebook.com/deineshd.
{ 1 trackback }
{ 4 comments… read them below or add one }
sweet!
For some reason I can’t find anything even remotely similar to the code in you second box.
Can 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
Can I have a word with you? buy nolvadex online http://www.stumbleupon.com/stumbler/med-brother/ buy nolvadex no prior prescrition I hope we’ll meet again.
Excuse me… buy nolvadex low cost buy nolvadex on sale
buy nolvadex no prior prescrition I’m sorry to see you go.