Cara Menambah Kolom Sidebar pada
Blogspot | Blogspot | Cara Menambah Kolom
Sidebar pada Blogspot Setelah sebelumnya membahas cara membagi kolom pada
header, kali ini akan membahas Cara
menambah kolom sidebor pada blogspot. Langsung saja....
Masuk ke Edit Html, Lalu cari kode
di bawah ini (gunakan F3 atau CTRL + F untuk mempermudah pencarian)
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label99' locked='false' title='Labels' type='Label'/>
</b:section>
</div>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label99' locked='false' title='Labels' type='Label'/>
</b:section>
</div>
Tambahkan kode di bawah ini, diantara </b:section> dan </div>.
<b:section class='sidebar' id='kolom-kiri'
showaddelement='yes'>
<b:widget id='Text514' locked='false' title='Column 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='kolom-kanan' showaddelement='yes'>
<b:widget id='Text524' locked='false' title='Column 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>
<b:widget id='Text514' locked='false' title='Column 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='kolom-kanan' showaddelement='yes'>
<b:widget id='Text524' locked='false' title='Column 2' type='Text'/>
</b:section>
<div style="clear: both;"></div>
Kemudian cari kode : ]]></b:skin>
Tambahkan kode di bawah ini diatas kode ]]></b:skin>
#kolom-kiri {
width: 49%;
float: left;
}
#kolom-kanan {
width: 49%;
float: right;
}
width: 49%;
float: left;
}
#kolom-kanan {
width: 49%;
float: right;
}
Anda bisa merubah nilai dari lebar/width sesuai keinginan anda.
Ingin berlangganan Tips Seputar
website atau Blog terbaru? Masukan e-mail kamu sekarang juga: