Banner 468 x 60

Loading...
Loading...

Cara menambah atau membuat Elemen 3 kolom dibawah header blogspot

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

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

Loading...