Friday, November 8, 2013

Cara membuat add gadget di bawah kolom posting


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