Gimana bro ? tertarik ? jika lo tertarik bro silahkan ikuti tatacara berikut ya bro :
1. Login Pada Blog lo bro >> klik Tata Letak >> Edit HTML >> Centang Expand Template Widget ya bro, untuk
antisipasi kesalahan bro, lebih baik lo BACKUP dulu data lo bro ok.
2. Carilah bro kode ]]></b:skin> jika sudah dapat bro, letakkan kode berikut diAtas Kode
]]></b:skin> ya bro:
#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}
Ket :
- Bila Lo ngerti bro, Silahkan Bro Edit Sesuka Hati : padding atau bordernya bro
3. Kemudian carilah bro kode <div id='main-wrapper'> atau Kode <div id='content-wrapper'>
jika sudah dapat bro, letakkan kode berikut diAtas Kode <div id='main-wrapper'> atau
<div id='content-wrapper'> ya bro :
<div id='box-main-container'>
<div id='box1' style='width: 33%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='Raxter1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 34%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='Raxter2' preferred='yes' style='float:center;'/>
</div>
<div id='box3' style='width: 33%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='Raxter3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
4. Tinggal Simpan template deh bro dan lihat hasilnya.
jika lo bro pengennya 2 kolom gadget dibawah header silahkan baca bro tentang
Wah susah bos gak jadi-jadi bikinnya. mungkin ada cara yang paling mudah gak boos.
BalasHapusinilah bro yg saya uji, coba cari lg di om google bro, oke bro
Hapuswaduh mas, makasih banyak atas sharing nya ! baru kali ini sukses, udah brp kali nyoba dari blo lain gagal trus... Cuman yang disini doang yang jadi ! makasih
BalasHapussip deh bro . . .
Hapusberhasil teman.....Kunjungi balik ke DUNIAKU
BalasHapusThanks info artikelnya bermanfaat,....
BalasHapusThanks infonya,....
BalasHapus