Cara Menambah Kolom Sidebar pada Blogspot
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.
Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot
Anda sedang membaca artikel tentang Cara Menambah Kolom Sidebar pada Blogspot. Oleh Chep, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
![Razzor Teknik | Blogger Info.Teknik Komputer Jaringan]](http://i1052.photobucket.com/albums/s455/gilangfirman/c4f8bc8a7744d4.gif)
9 komentar:
Mau coba ah...lagi pingin nambah kolom sidebar nih...tanks gan....
aku praktekan gk bisa yah gan,,,?
terimakasih infonya membantu,
mau di coba nerapinnie,,heeh
koq gw gk bisa?
ok deh nnti di coba deh menambahkan kolom sidebar nya biar banyak ruang
Terimakasih banyak atas informasinya sangat bermanfaat seklai buat diterapin di blog...
om saya coba nyari kode yang pertama gak ada gmna ya om?
terus bisa langsung nyari kekodeyang ke 2?
salam kenal om,
makasih gan....mantap
gimana cara merubah menjadi 4 kolom ya....
Post a Comment