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/>
</div>
7. Save
8. Buka tab Elemen Halaman, sonat akan menemukan link Tambah Gadget dibawah kolom posting. Klik link tersebut untuk menambah widget,isi sesuai keinginan sobat

Selamat berkarya
No comments:
Post a Comment