Membagi Sidebar/Widget Blog Menjadi 2 Kolom



Oke Kali Ini Admin iHack  akan posting Trick Blog Yaitu  cara Membagi Sidebar/Widget Blog Menjadi 2 Kolom oke langsung saja  

1.Login Ke Blog
2.Klik Template>Edit Html>Lanjutkan
3.Cari Code ]]></b:skin> (Untuk Mempermudah Pencarian Gunakan Ctrl+F)
4.Letak kan Code Di Bawah Ini Di atas Code Tadi
#kolom-kiri { width: 49%; float: left; } #kolom-kanan { width: 49%; float: right; }

Eits Belum Selesai Caranya
5.Cari Code <div id='sidebar-wrapper'> lebih miripnya seperti code di bawah ini karena semua template berbeda


<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Banner' type='HTML'/>
<b:widget id='Label1' locked='false' title='Label' type='Label'/>
<b:widget id='Stats1' locked='false' title='Visitor' type='Stats'/>
<b:widget id='Header1' locked='false' title='CyBer-4Line (Header)' type='Header'/>
<b:widget id='Translate1' locked='false' title='Translate Page' type='Translate'/>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='Feed3' locked='false' title='Blog Templates' type='Feed'/>
<b:widget id='Feed1' locked='false' title='Blog Johanes' type='Feed'/>
</b:section>

</div>

6.sisipkan css di bawah ini di antara code </b:section> dan </div>


<b:section class='sidebar' id='kolom-kiri' showaddelement='yes'/>
<b:section class='sidebar' id='kolom-kanan' showaddelement='yes'/>
<div style='clear: both;'/>


7.Save Template

Semoga Bermanfaat ^_^

Post a Comment