.
,Sejarah jam gadang, danau singkarak, danau maninjau, hotel, tujuan wisata sumatera barat,daftar,jam gadang, fort de kock,West Sumatra, Sumatera Barat, Tourism

How to divide the Two Column Header

Posted By admin Sunday, March 27, 2011

1. Login to blogger with your ID .

2. Click Layout.


3. Click on the tab page element, then you will see your header column format


4. If you've viewed, and then click Edit HTML tab, refer to the section of CSS code, then look for code like this: (dont Forget to backup before)



/ * Header
===================================
* /
# Header-wrapper {
width: 900px;
margin: 0 auto 0px;
background: $ bgheadercolor url (http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height: 190px;
}

# Header-inner {
width: 900px;
background-position: center;
margin-$ startSide: auto;
margin-$ endSide: auto;
}

# Header {
margin: 0px;
text-align: left;
color: $ pagetitlecolor;
}




5. remove the code above, and replace with the following code:



/ * Header
===================================
* /

# Header-wrapper {
width: 900px;
margin: 0 auto 0px;
background: $ bgheadercolor url (http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height: 190px;
}

# 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;
}




6. Just scroll to the bottom, and find the code like this:



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



7. Delete the code above, and replace with the code 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>



8. Click the Save Changes button.


9. Done.


Related Post



Follow by Email