Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How to add element below header -Tutorial 19
Author Message
Admin Offline
Administrator
*******

Posts: 54
Joined: Nov 2009
Reputation: 0
Post: #1
How to add element below header -Tutorial 19
Now you have a template which doesnt have element space below header ,but you want to add the space for adsense below header for better visiblity.

it can be done with few steps.
backup your template before doing changes.

your template layout looks like this.
[Image: 57fghj.gif]



Now click layout
then click EDIT HTML.

You will see a link written as download full template.

click it and save your template in case you went wrong with some codes you can always use the template you backedup.

copy the code below and paste it before code ]]></b:skin>
Code:
#under_header{
margin:10px 0;
padding:1%;
width:98%;
}

find this code in your template.
Code:
<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>

copy the code below .
Code:
<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>

click on save template.

now you are done.

Now add page element will appear in layout.
you can add you favourite widget or adsense codes to show below header.
this will work on official blogger templates only,the templates made by third party may include different codes.


.
04-22-2010 05:28 PM
Find all posts by this user Quote this message in a reply
Post Reply 


Forum Jump: