Bagi anda yang ingin menembah 3 kolom dibawah header, lebih baik anda ikuti langkah dibawah ini, cara penempatannya sangat mudah jadi ikuti saja instruksinya sbb:
1.Anda login ke blogspot anda
2.Jangan lupa backup template anda
3.Klik edit Rancangan >> Edit HTML
4.Jangan lupa centeng Expand Widget Template
5.Cari kode ini ]]></b:skin>
6.Trus tempatkan kode dibawah ini diatas kode ]]></b:skin>
#box-main-container { clear:both; } .box-column { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }
7.Trus cari kode <div id='main-wrapper'>
8.Tempatkan kode dibawah ini diatasnya
9.Selesai deh..dan lihat hasilnya
1.Anda login ke blogspot anda
2.Jangan lupa backup template anda
3.Klik edit Rancangan >> Edit HTML
4.Jangan lupa centeng Expand Widget Template
5.Cari kode ini ]]></b:skin>
6.Trus tempatkan kode dibawah ini diatas kode ]]></b:skin>
#box-main-container { clear:both; } .box-column { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }
7.Trus cari kode <div id='main-wrapper'>
8.Tempatkan kode dibawah ini 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>
9.Selesai deh..dan lihat hasilnya
0 Response to "Cara menambah atau membuat Elemen 3 kolom dibawah header blogspot"