Cara menambah 3 kolom di bahwah header :
- seperti biasa login dulu ke akun blogger
- kemudian langsung aja menjuku ke menu rancangan > edit html > centang expand widget (sebelumnya untuk berjaga-jaga kalau error download dulu template blognya)
- cara kode html ]]></b:skin>
- kemudian copy dan paste kode berikut ini tepat diatas kode tadi
- kemudian cari kode html <div id='main-wrapper'> atau <div class='main-wrapper'>
- setelah ketemu pastekan kode berikut tepat diatas kode tadi (salah satu dari kode tadi)
- kemdian simpan templatenya.. dan lihat hasilnya
#box-main-container {clear:both; } .box-column { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }
<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>
Author : Edu Themes
Tutorial Online Store ini secara special dipersembahkan khusus untuk semua klien kami. Besar harapan kami juga blog ini akan mampu menuntun sekaligus mempertajam kemampuan teman-teman pasca Pelatihan bersama Kami. Terimakasih atas kunjungannya yang baru saja membaca artikel berjudul Menambah 3 Kolom di Bahwah Header.