Wednesday, 2 January 2013

Membuat 2 Kolom Widget DIbawah Posting

2 kolom widget dibawah posting cara membuatnya hambir sama dengan membuat 2 widget dibawah sidebar bedanya hanya ada di penempatan kode-nya, Untuk Demo-nya bisa dilihat pada blog ini yaitu widget yang berjudul Blogspot dan Photoshop, Ok langsung saja berikut langkah-langkahnya:

1. Buka Dashborad > Template > Edit HTML > Centang Expand widget template.
2. Cari kode ]]></b:skin> dan tambahkan kode berikut diatasnya.
#widgetpost{width:535px;margin-top:5px;margin-bottom: 3px;}
#widgetpost li{line-height:1.3em;margin:0px;padding:0px;}
#widgetpost .widget-content{padding:0;margin:0pxlist-style:none; }
#widgetleft{width:255px;float:left;margin:0px}
#widgetright{width:255px;float:left;margin-left:5px}
Kode berwarna merah sesuaikan saja dengan blog anda.
3. Cari kode:
.....................
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar-wrapper'>
...........
Tambahkan kode berikut diatas kode </div> :
<div class='clear'/>
<div id='widgetpost'>
<b:section class='main' id='widgetleft'/>
<b:section class='main' id='widgetright'/>
</div>
<div class='clear'/>
Sehingga hasilnya seperti ini :
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<div id='widgetpost'>
<b:section class='main' id='widgetleft'/>
<b:section class='main' id='widgetright'/>
</div>
<div class='clear'/>

</div>
<div id='sidebar-wrapper'>
4. Klik pratinjau terlebih dahulu jika tidak terjadi error klik save.
5. Sekarang buka Tata Letak dan silahkan tambahkan widget yang dinginkan.

No comments:

Post a Comment