Senin, 28 Maret 2011

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




◄ Newer Post Older Post ►