Menambah Tiga Kolom di Bawah Header

Cara Menambah Tiga Kolom di Bawah Header

Kalau di posting sebelumnya saya nulis caranya bikin tiga kolom di atas footer, kali ini saya akan kasi tau (untuk yang belum tau tentunya), caranya menambahkan tiga kolom elemen di bawah header, caranya seperi ini

Masuk Blogger

Tata Letak

Edit Html, dan cari kode ]]></b:skin>

Kalau sudah ketemu letakkan kode berikut di atasnya

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

Lalu kamu cari kode <div id='main-wrapper'> atau kode <!--/Header--> ,kalau sudah ketemu, letakkan kode berikut di atasnya

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

Langkah terakhir adalah simpan template kamu dan lihat tab Page Elements, kalau berhasil akan ada tiga elemen baru di bawah header.

5.  Klik Simpan Template.

6.  Lihat hasilnya.

Gampang bukan, jika ada yang mau ditanyakan isi aja kotak komentar yang ada di bawah, saya akan berusaha menjawabnya.

Semoga bermanfaat......