3 Kolom Element Sejajar

Kolom element yang ada pada template Anda, kadang jumlahnya tidak banyak dan Anda merasa perlu untuk menambahnya.

Selain itu kolom element yang ada, belum memenuhi kebutuhan yang Anda jika dilihat dari segi posisinya.

Berikut ini adalah bagaimana Anda membuat 3 kolom element sejajar untuk menambah widget atau gadget baru yang bisa dilakukan dengan cara di bawah ini:

1. Login Ke Blogger.com

2. Pilih Tata Letak >> Edit HTML >> Download Template Lengkap.

3. Cari: ]]></b:skin> dan letakkan kode berikut di atasnya:

/*3 kolom element sejajar*/#box-main-container{clear:both;}.box-column {padding:0px 10px 10px 10px;border:1px dotted $bordercolor;}


4. Jika sudah, sekarang cari kode <div id='main-wrapper'> dan letakan kode berikut 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: 30%; 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>

5. Setelah selesai disimpan.

Demikian cara membuat 3 kolom element sejajar untuk menambah widget atau gadget baru. Selamat mencoba dan semoga dapat membantu Anda.

Referensi: Membuat 3 Kolom Element Sejajar

Blog Template | Design Blog | Blog Quotes