How to divide blogger Header into three sections . 0

Hi many blogger wants to divide their blogger header into three section for adding adsense ads or buysellads so after applying this trick in your blog you can add ads and other social network widget in your blogger header.

Follow simple step to adding this trick in your blogger blog---->>>

* First go your blogger DASHBOARD.

* Now click in design tab and edit HTML .

* Click in small box to expand your blogger template.

* By scrolling find below code --->>>

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

* Now replace above code with below code--->>>

#header {
float:left;
width:30%;
height:200px;
margin: 0px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header2{float:left; width:30%; height:200px}

#header3{float:left; width:39%; height:200px}

Note- You can change #header2 and #header3 height and you can change width if you want ok.

* Now again scroll down to where you see like this code:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR-BLOG-TITLE (Header)' type='Header'/>
</b:section>
</div>

Note- Remember that YOUR-BLOG-TITLE is your real blog title.

* .Now replace above code with below code -->>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR-BLOG-TITLE (Header)' type='Header'/>
</b:section>

<b:section class='header' id='header2' maxwidgets='4' showaddelement='yes'/>
<b:section class='header' id='header3' maxwidgets='4' showaddelement='yes'/>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->

* Change your blog title with your own ok.

* Now save your blogger template now you are done.

CHEERS

blogger tutorials Social Bookmarking Blogger Widget

I'm reading: How to divide blogger Header into three sections . ~