Membuat 2 Kolom Dibawah Header

Membuat 2 Kolom Dibawah Header ini memang sedikit agak rumit untuk yang belum mengenal HTML. Jika yang sudah ahli HTML mungkin akan terlihat sangat mudah. Untuk pemula seperti saya, mungkin kita bisa coba2 saja. okey langsung saja deh...

Berikut tutorial membuat 2 kolom dibawah header :

1. login ke blog anda.
2. Pilih Rancangan >Edit HTML.

3. Cari kode ]]></b:skin>
   
4. Copas kode dibawah dan letakan diatas kode ]]></b:skin>
#box-kolom-widget { clear:both; } .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }
5. kemudian cari kode <div class='main-outer'> jika ada pengguna template lama cari kode <div id='main-wrapper'>
6. Copas kode berikut letakan diatas kode <div class='main-outer'> atau kode <div id='main-wrapper'>
</div> <div id='box-kolom-widget'> <div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 50%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/>
7. Kemudian Simpan Tempalate.
8. Apa bila terjadi galat seperti gambar dibawah ini saat anda menyimpan template berarti terdapat kesalahan dalam editng template. ulangi dengan lebih teliti langkah-langkah diatas.

9. Jika proses simpan template berhasil makan pada bagian elemen halaman aka muncul 2 kolom dibawah header seperti ini. 





Ok buat para sobat blogger, Selamat mencoba Membuat 2 Kolom Dibawah Header. dan semoga berhasil.