Selasa, 28 Februari 2012

Filled Under:

Cara Membuat 3 Kolom Widget diBawah Header

Sebelumnya saya juga share tentang cara membuat 2 kolom element dibawah header,tapi kadang blogger menginginkanya 3 kolom dibawah header, biar ada yang ditengah katanya,emang enak ya kalo ada yang tengah2, he he...eh jangan ngeres loh lihat foto kartun disamping,walau kartun mulus juga kan,jangan nafsu juga loh..ha ha ha..dah ah malah nglantur aq,
ok sob ni tutorial tentang bagaimana cara membuat 3 kolom element dibawah header.



3 element
3 KOLOM WIDGET
1. Pada dasbor klik Tata Letak=> Edit HTML=> Cari kode berikut ]]></b:skin> jika sudah dapat, letakkan kode berikut diatasnya:


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





2. Kemudian cari kode <div id='main-wrapper'> setelah dapat letakkan kode beikut diatasnya :



<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>



3. Simpan template dan lihat hasilnya
peluang usaha








0 komentar:

Posting Komentar