Buat tiga kolom elemen

Ada sesetengah design template berbeza dengan templet kita,apatah lagi dari Blogger.com

Yang hanya ada satu elemen halaman di bawah header.Mungkin anda tertarik dengan templet yang mempunyai tiga kolom elemen di bawah header

Hendak membuatnya tiga kolom elemen,ikut langkah-langkah ini:

Mula-mula sekali buka templet korang.Pada Papan Pemuka >> Klik Reka bentuk >> Klik Edit HTML.

Tanda pada >>Expand Template Widget

Cari code ]]></b:skin>

Salin code di bawah ini

#box-main-container {

clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

Letak di atas code ]]></b:skin> yang korang cari tadi.

Cari code HTML yang seperti ini <div id='main-wrapper'> Jika tiada cari yang seperti ini <div id='header-inner'>

Kalau sudah berjumpa:

Salin code dibawah ini.

<div id='box-main-container'>

<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

Letak dibawah code yang korang cari tadi.

Prantonton dahulu,jika tiada apa-apa terjadi Simpan template dan lihat hasilnya

Setiap templet berbeza codenya Korang harus mencari yang hampir serupa seperti code ini <div id='header-inner'> jika langkah diatas tidak ditemui.

selamat mencuba.