Membuat 3 Kolom Element Di Bawah Header

IDEINI| Membuat 3 Kolom Element Di Bawah Header, baiklah ideini akan berbagi Tutorial Blogging Cara Membuat 3 Kolom Element Di Bawah Header, memang sudah ada pada template template tertentu yang sudah menyertakan 3 kolom element di bawah header, namun bagi yang belum ada atau yang pengen membuat 3 kolom element dibawah header, ideini memberi tutorial yang sudah saya terapkan di beberapa template saya dan bekerja dengan baik, cara membuatnya juga cukup mudah menurtu saya, tidak terlalu banya memodifikasi.

Baiklah langsung saja Langakah langkah Membuat 3 kolom element dibawah Header :

1.    Login Ke Blogger.com
2.    Pada dasbor klik Tata Letak=> Edit HTML
3.    Sebaiknya Download Template Lengkap dahulu untuk berjaga jaga jika terjadi kesalahan.
4.    Lalu Cari kode berikut ]]></b:skin> 
5.    Jika sudah ketemu, letakkan kode berikut diatasnya:

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

6.       Jika sudah, sekarang cari kode <div id='main-wrapper'>
7.       Jika sudah ketemu, letakan kode berikut tepat diatasnya :

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

8. Setelah selesai Klik SIMPAN,

Semoga Artikel ini bermanfaat dan dapat membantu sahabat blogger semua :D