Learn in few easy steps how to insert Page Elements under header section in blogger.
1. Login to your blogger account.
2. Go to LAYOUT tab.
3. Click edit HTML.
4. Click on Download full template FIRST!!.(for your backup)
5. Now we are going to make a new column under your header.
6. Hold Ctrl key and press F. Then, find this word : ]]></b:skin>
7. Copy the code below and paste it before this code : ]]></b:skin>
#under_header{
margin:10px 0;
padding:1%;
width:98%;
}
8. Then, find the code which look exactly like this :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>
9. Copy the code below and paste it exactly after that code.
<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>
10. Click Save Template button and wait until template saved.
11. Now you've DONE your work.
12. Click page element and you can see a new element under header.
1. Login to your blogger account.
2. Go to LAYOUT tab.
3. Click edit HTML.
4. Click on Download full template FIRST!!.(for your backup)
5. Now we are going to make a new column under your header.
6. Hold Ctrl key and press F. Then, find this word : ]]></b:skin>
7. Copy the code below and paste it before this code : ]]></b:skin>
#under_header{
margin:10px 0;
padding:1%;
width:98%;
}
8. Then, find the code which look exactly like this :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>
9. Copy the code below and paste it exactly after that code.
<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>
10. Click Save Template button and wait until template saved.
11. Now you've DONE your work.
12. Click page element and you can see a new element under header.
Tags:
Blogger Hacks