1. Login ke blog sobat
2.Selanjutnya klik menu rancangan atau tata tetak > Edit HTML.
2. Silakan backup template anda terlebih dahulu
3. Letakkan kode di bawah ini diatas kode
2. Silakan backup template anda terlebih dahulu
3. Letakkan kode di bawah ini diatas kode
]]></b:skin>
#doublecolumnleft, #doublecolumnright{
height:auto;
width:205px;
padding:10px;
background:#81F781;
color:#000000;
}
#doublecolumnleft h2, #doublecolumnright h2{
font-size:large;
font-weight:bold;
#doublecolumnright h2{
text-align:right;
}
#doublecolumnleft a, #doublecolumnright a{
color:#0A2A0A; text-decoration:underline;
}
#doublecolumnleft a:hover, #doublecolumnright a:hover{
text-decoration:none;
}
#doublecolumnleft{
float:left;
}
#doublecolumnright{
float:right;
text-align:right
}
Ket: bagian 205px adalah lebar dari masing-masing kolom. Sesuaikan dengan lebar main wrapper Sobat
4
. Cari bagian main wrapper (kolom posting) <div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML4' locked='false' title='Kotak Pencarian' type='HTML'/>
<b:widget id='HTML16' locked='false' title='' type='HTML'/>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
5. Lalu sebelum kode </div>
, ketikkan kode berikut.
<b:section class='dblcolumn' id='dblcolumnleft' preferred='yes'/>
<b:section class='dblcolumn' id='dblcolumnright' preferred='yes'/>
Sehingga jadinya seperti ini
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML4' locked='false' title='Kotak Pencarian' type='HTML'/>
<b:widget id='HTML16' locked='false' title='' type='HTML'/>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
<b:section class='dblcolumn' id='dblcolumnleft' preferred='yes'/>
<b:section class='dblcolumn' id='dblcolumnright' preferred='yes'/>
0 comments: