Cara Membuat 3 Kolom Gadget dibawah Header

Tweet

Nah bro kali ini gua posting dan gua akan membahas cara membuat 3 kolom gadget dibawah header, cara ini dapat lo pakai bro jika lo pada bro ingin pajang iklan dengan 3 rataan, ini cara pokoknya bro bikin lo punya blog lebih rapi dan lebih sistematis habiss hehe, jika lo pengen juga bro bikin 4 kolom, 5 kolom, 6 kolom atau berapapun. tinggal request aja ya bro, selanjutnya lihat gambar bro :

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

Cara Membuat 2 Kolom Gadget dibawah Header.

Gimana bro ? ? ? gampang dan simple kan ? selamat mencoba ya bro.

Judul: Cara Membuat 3 Kolom Gadget dibawah Header
Rating: 100% based on 999998 ratings. 57 user reviews.
Ditulis Oleh Maha Putra Rusydinal

Lo Sedang Membaca Artikel Bro Tentang Cara Membuat 3 Kolom Gadget dibawah Header
Jika Lo Suka Artikel RaxterBlog bro, Silahkan Masukkan E-mail lo dibawah ini bro untuk Berlangganan Gratis Via E-mail, Dengan begitu lo akan mendapat kiriman artikel baru dari RaxterBlog bro.
Terima Kasih bro Telah Berkunjung
Salam Blogging ya bro ! ! !