cara bisnis online: cara membagi widget menjadi tiga

Edit HTML.
Temukan kode dibawah ini

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>

</div>

Pastekan kode dibawah ini sebelum kode </div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:section class='under-post' id='col-left' showaddelement='yes' />

<b:section class='under-post' id='col-mid' showaddelement='yes' />

<b:section class='under-post' id='col-right' showaddelement='yes'/>

</b:if>

</div>

Pastekan kode dibawah ini diatas ]]></b:skin> .

/*3 Kolom Under Post Css Start*/

#under-post-wrapper {background: #fff; margin: 0 auto;width:100%; padding: 0 0px 0px 0;}

.under-post h2 { margin: 0px 0px 0px 0px; padding: 4px 0px 4px 0px; text-align: left; color: #000; background: #fff; font-weight: bold;font-size: 16px;}

.under-post .widget { margin: 0px 0 0 0px; border: 1px solid #fff; background: #fff;}

.under-post .widget-content { padding: 0px 0px 5px 0px; }

.under-post ul { list-style-type:square; margin-left:0px; }

#col-left, #col-mid {

display:inline-block;

width: 31%;

float:left;

margin: 0px 18px 0px 0px;

padding: 5px 0px 0px;

margin-top:5px;

color: #919090;

line-height: 1.0em;

font-size: 12px;

font-style:italic;

border:0px solid;

-webkit-border-radius:0px;

border-radius:0px;

-moz-box-shadow:0px 0px 0px #d100b2;

-webkit-box-shadow:0px 0px 0px #d100b2;

box-shadow:0px 0px 0px #ccc;

}

#col-right{