Thursday, December 10, 2009

Membuat Tiga Coloum

Pergi ke layout, klik edit HTML dan klik expand widget template.
Caranya cukup mudah skali hanya cari kod dibawah:

#header-wrapper {
width:660px;

ganti ke-880

Cari kod dibawah ini:

#outer-wrapper {
width:660px ;

ganti ke-880

Cari lagi kod dibawah ini:

#footer {
width:660px ;


ganti ke-880

Kemudian cari kod dibawah:

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap:
break-word; /* fix for long text breaking sidebar float in IE */
overflow:
hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap:
break-word; /* fix for long text breaking sidebar float in IE */
overflow:
hidden; /* fix for long non-text content breaking IE sidebar float */
}


Hapuskan kod diatas dan gantikan dengan kod dibawah ini:

#sidebar2-wrapper {
width: 220px;
float: left;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

Teruskan dengan mencari kod dibawah ini:

div id='main-wrapper'>
<b:section class='main'
id='main' showaddelement='no'>
<b:widget id='Blog1'
locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>

Dan copy kod dibawah untuk diletakkan diatas kod yang diatas tadi:

div id='sidebar2-wrapper'>
<b:section class='sidebar2' id='sidebar2' preferred='yes'/>
</div>


Klik Save and View la blog anda.