Cara Membuat 2 Kolom Gadget dibawah Header

Tweet

Membuat Gadget baru bro sangat di inginkan pada setiap blogger yg pengen meletakkan sesuatu hal penting di bawah Header bro, apalagi yg pengen letakkan script iklan bersampingan dengan header, hmm pasti seru dan keren kan bro, untuk itu kali ini bro gua akan membahas tentang cara membuat 2 kolom gadget dibawah Header,
SEPERTI 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: 50%; 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: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='Raxter2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

Ket :

•        Diantara 2 Kode diatas Bro, silahkan lo coba dan Kode yg Mana paling Pas dihati lo pada bro oke hehe

4. Tinggal Simpan template deh bro dan lihat hasilnya. 


jika lo bro pengennya 3 kolom gadget dibawah header silahkan baca bro tentang
 Cara Membuat 3 Kolom Gadget dibawah Header.


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

Judul: Cara Membuat 2 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 2 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 ! ! !