Membuat 2 Kolom di bawah Header

Setelah kita membahas cara menampilkan / menambah page element di bawah header, sekarang kita akan coba untuk membuat 2 kolom di bawah Header.
Seperti biasa Log in dulu ke Bloger kamu, Lalu pilih Tata Letak, setelah itu Klik Edit HTML...( jangan Lupa Back Up Template Kamu ).

Setelah masuk di Edit HTML, Cari Kode Berikut ]]></b:skin>
Copy paste script berikut di atas kode tadi.

/* KolomAtas
—————————- */

#kolomatas {
width: 500px;
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background:none;
padding: 15px 0 15px 0;
}

#kolomatas h2 {
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#ff5a00;
font-size: 12px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}

#kolomatas ul {
padding: 0;
margin: 0;
}

#kolomatas ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dotted #fff;
/* border-bottom: 1px dashed #031c5d; */
}

#kolomatas ul li a {
display: block;
padding: 0 10px;
color:#FFFF33;
text-decoration: none;

}
#kolomatas ul li a:hover {
background: #B1ACB1;
}

#left-kolomatas { /* yang ini nih kode kolom kiri */
width: 240px;
float: left;
padding-left:15px;
}

#right-kolomatas { /* kalo yg ini kode kolom kanan */
width: 240px;
float: left;
padding: 0 5px 0 15px;
}

setelah itu kamu cari kode berikut:

<div id=’outer-wrapper’>
<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′>
<b:widget id=’Header1′ locked=’true’ title=’NAMA BLOG ANDA’ type=’Header’/>
</b:section>
</div>

copy paste script berikut tepat di bawah kode tadi.

<div id='kolomatas'>
<b:section class='kolomatas' id='left-kolomatas'/>
<b:section class='kolomatas' id='right-kolomatas'/>
</div>

Keterangan:

Kode angka yang berwarna merah di atas silahkan ganti sesuai dengan lebar header Template kalian. saya bantu dengan Do'a ya,,,,, Good Luck...

Jangan lupa Save ya.... semoga bermanfaat.

Silahkan kirimkan Donasi anda seikhlasnya berupa uang/pulsa (Klik Gambar kado disamping) untuk perkembangan blog ini dan Proses pembelajaran untuk sahabat.

Penulis :  Azis Lamayuda | BLOG : Do The Best To Get The Best
Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya.