Terkadang tamplate yang kita gunakan tidak sesuai dengan keinginan kita, misalnya pada widget hanya 1 tetapi yang kita inginkan adalah 2 widget. Tutorial kali ini saya akan membahas cara membaut 2 kolom widget diblogspot.
Berikut membuat dua buah kolom elemnt atau widget:
- Cari kode ]]></b:skin> dan letakkan kode dibawah ini diatas kode ]]></b;skin>
#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}
- Kemudian cari kode
<div id='main-wrapper'>
<div id='content-wrapper'>
<div id='header'> atau <div id='header-wrapper'>
<div id='sidebar-wrapper'>
<div id='bottom'>
Keterenagan:
<div id='main-wrapper'> adalah posisi halaman utama anda
div id='content-wrapper'> adalah posisi postingan
<div id='header'> atau <div id='header-wrapper'> adalah posisi sidebar blog
<div id='bottom'> adalah posisi paling bawah diblog anda.
- Jika sudah menemukan kode mirip dengan diatas
- sebagai contoh saya letakkan di
<div id='main-wrapper'> dibagian bawah
<div id='main-wrapper'> letakkan kode dibawah ini..
<div id="box-main-container"> <div id="box1" style="float: left; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="box2" style="float: right; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col2" preferred="yes" style="float: right;"> </b:section></div>
<div style="clear: both;"> </div></div>
jika sudah klik save tamplate anda...
Semoga artikel ini bermanfaat dan semoga berhasil
