 |
| Make 3 Columns Below the Blog Header |
to make it you can follow this steps:
=> go to your blog
=> open the HTML edit
=> check "expand template widget"
=> CTRL+F search code ]]></b:skin>
=> paste this code above ]]></b:skin>
#box-main-container {
clear:both;
border-bottom:3px double #e6e4e3;
}
.box-column {
padding:0px 10px 10px 10px;
}
=> CTRL + F search code <div id='main-wrapper'>
==> Copy this code and paste above code <div id='main-wrapper'>.
<div id='box-main-container'><div id='box1' style='width: 33%; float: left; margin:0; text-align: left;'><b:section class='box-column' id='col1' preferred='yes' style='float:left;'/></div><div id='box2' style='width: 34%; float: left; margin:0; text-align: left;'><b:section class='box-column' id='col2' preferred='yes' style='float:left;'/></div><div id='box3' style='width: 33%; float: right; margin:0; text-align: left;'><b:section class='box-column' id='col3' preferred='yes' style='float:right;'/></div><div style='clear:both;'/></div>
=> save your template
ok, now you can see the your header, and under your header now have 3 colums, thanks..