Cara Bikin 3 Kolom Elemen Widget di Bawah Header

Tidak ada bosan-bosannya saya buat posting tutorial blogger, selain buat arsip sendiri sekalian share juga sama temen-temen blogger yang mungkin sedang cari-cari  bagaimana cara bikin 3 kolom elemen widget di bawah header. cara dibawah ini sudah saya coba diblog saya dan hasilnya sempurna.

• Login Blogger>Rancangan>Edit HTML.
• Centang kotak Expand Template Widget.
• Cari kode script ]]></b:skin> agar pencarian lebih muadah tekan Ctrl+F jika sudah ketemu copy+paste kode dibawah ini tepat diatasnya

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

• Kemudian cari kode <div id='main-wrapper'> setelah ketemu letakkan kode dibawah ini 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> 

Simpan template dan silahkan lihat hasilnya di Elemen Laman , jika berhasil akan tampil seperti gambar diatas.seperti biasa jika ada kesulitan bisa kasih komentar dibawah.

Blog

Share This :