HOW TO SPLIT HEADER COLUMN INTO 2 COLUMNS?



 Make Money                               Make Money


                                                  The Header of A Blog is the place where visitors get more noticed compared to other portion. This is a nice tool to make header more content and attractive. The Code shown below splits your Header column into two columns. Thus you can add more gadgets or include banner adds. For this Follow the simple Steps Shown below:


1)  Login to Your Blogger Account.


2)  Click On My blog>Template>Edit HTML>


3)  Find the Code Shown Below



#header-inner {

width:900px;

background-position: center;

margin-$startSide: auto;

margin-$endSide: auto;

}

#header {

margin: 0px;

text-align: left;

color:$pagetitlecolor;

}


4)  Replace the Above Code found With the Code Shown below:

#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:300px;
float:left;
padding-top:10px;
}

5)  Now Find The Code Shown Below:

                                   <div id='header-wrapper'>

          <b:section class='header' id='header' maxwidgets='1'


                            showaddelement='no'>



<b:widget id='Header1' locked='true' title='Test Blog 



(Header)' type='Header'/>


</b:section>

</div>


6)  Replace The Above Found Code With This Code Seen Below:

                           <div id='header-wrapper'>




<div id='head-inner'>



<b:section class='header' id='header' maxwidgets='1' 



showaddelement='no'>


<b:widget id='Header1' locked='true' title='Test Blog 

(Header)' type='Header'/>

</b:section>

</div>

<div id='r_head'>

<b:section class='header' id='header2' preferred='yes'/>

</div>

</div>

7)  Now Save Template and See the New Layout


 Make Money                                                                Make Money

Share on Google Plus
    Blogger Comment
    Facebook Comment

1 comments:

PLEASE FEEL FREE TO LEAVE A COMMENT AND HELP ME.......!!!!!!!

ShareThis