Divide your blogger header section into three sections easily. 1

| | , ,

Now divide your blogger header section in three sections easily now.






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

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Now find as below code in your blogger.


#header {
 width: 960px;
 height: 110px;
 color: #FFFFFF;
 font-size: 16px;
 font-weight: normal;
 margin: 0px auto 0px;
 padding: 0px;
 overflow: hidden;
}

* After finding as above code 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}

* 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>

* 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-HERE (Header)' type='Header'/>
</b:section>

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

* Now click to save your blogger template.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Divide your blogger header section into three sections easily. ~ Twitter FaceBook

1 Responses So Far:

rajkumar said...

sir, i not found any of this codes in my blog. can you help me? iam using picture window template, my blog is http://www.stocksindialive.blogspot.com

Categories

Select Your Categories