Cara Menambahkan 2 Kolom Dan 3 Kolom Widget Blogspot

Cara menambahkan dua kolom dan tiga kolom widget dibawah post area blogspot atau cara memasang /membuat widget dibawah artikel - table posting menjadi dua atau tiga kolom.

Copy dan Paste kode dan letakkan diatas <div id='sidebar-wrapper'>

<style>
#content-column{margin-left:-30px;}
#content-column .widget{margin-top:20px;margin-right:30px}
#content-column h2{font-size:20px;text-align:left;padding:0 auto;margin:0 auto;}
#child1,#child2{margin-top:20px;margin-bottom:20px}
</style>

<div id='content-column'>
<div id='child1' style='width:47.5%;float:left;margin-right:5px;text-align:left;'>
<b:section class='child1-column' id='col-1' preferred='yes' style='float:left;'>
</b:section>
</div>
<div id='child2' style='width:47.5%;float:right;margin-left:5px;text-align:left;'>
<b:section class='child2-column' id='col-2' preferred='yes' style='float:right;'>
</b:section>
</div>
<div style='clear:both;'/>

<div id='child3' style='width:32%;float:left;margin-right:5px;text-align:left;'>
<b:section class='child3-column' id='col-3' preferred='yes' style='float:left;'>
</b:section>
</div>
<div id='child4' style='width:32%;float:left;margin-left:7.5px;text-align:left;'>
<b:section class='child4-column' id='col-4' preferred='yes' style='float:left;'>
</b:section>
</div>
<div id='child5' style='width:32%;float:right;margin:0 auto;text-align: left;'>
<b:section class='child5-column' id='col-5' preferred='yes' style='float:right;'>
</b:section>
</div>
<div style='clear:both;'/>
</div>

Jika Anda ingin menambahka Recent Posts By Label With 1 Thumb pada kolom-kolom ini, maka sebaiknya tambahkan CSS agar setiap kolom memiliki ukuran tinggi yang sama dan ketinggiannya dapat diatur sesuai dengan keinginan Saudara :).

CSS yang harus ditambahkan adalah:

#content-column #child1 .single-links,#content-column #child2 .single-links {height:250px}
#content-column #child3 .single-links,#content-column #child4 .single-links,#content-column #child5 .single-links {height:350px}