Credit img: freepik.com |
Sebelumnya saya sudah berbagi tips Cara mempercepat loading foto atau gambar di blog namun kali ini saya akan berbagi sedikit tips Cara membagi slidebar widget menjadi 2 kolom.
Mempunyai template untuk tempat widget sangatlah berpengaruh bagi kerapian blog kita, seperti halnya jika tempat widget kita terlalu banyak dan memanjang alangkah baiknya jika menghemat tempat widget itu sendiri dengan cara membagi sidebar widget menjadi 2 kolom. Cara membagi slidebar widget menjadi 2 kolom ini sangatlah mudah jika kode pada template blog sama, akan tetapi jika kode template blog tidak sama maka solusinya carilah kode yang hampir mirip, yakni langkah pertama:
#wd-left { width: 49%;float: left;} #wd-right { width: 49%;float: right;}
Setelah itu cari kode atau yang hampir mirip dengan kode :
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
.....Sederetan kode widget
</b:section> </div>
Copy pastekan kode di bawah ini di antara </b:section> dan </div>
<b:section class='sidebar' id='wd-left' showaddelement='yes'> <b:widget id='Text01' locked='false' title='kolom-left' type='Text'/> </b:section> <b:section class='sidebar' id='wd-right' showaddelement='yes'> <b:widget id='Text02' locked='false' title='kolom-right' type='Text'/> </b:section> <div style='clear'/>
Sehingga menjadi :
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
.....Sederetan kode widget
</b:section>
<b:section class='sidebar' id='wd-left' showaddelement='yes'> <b:widget id='Text01' locked='false' title='kolom-left' type='Text'/> </b:section> <b:section class='sidebar' id='wd-right' showaddelement='yes'> <b:widget id='Text02' locked='false' title='kolom-right' type='Text'/> </b:section> <div style='clear'/>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
.....Sederetan kode widget
</b:section>
<b:section class='sidebar' id='wd-left' showaddelement='yes'> <b:widget id='Text01' locked='false' title='kolom-left' type='Text'/> </b:section> <b:section class='sidebar' id='wd-right' showaddelement='yes'> <b:widget id='Text02' locked='false' title='kolom-right' type='Text'/> </b:section> <div style='clear'/>
</div>
Selanjutnya simpan dan lihat hasilnya.
Sekian dulu postingan saya yang berjudul Cara membagi slidebar widget menjadi 2 kolom ini. Semoga bisa membantu dan bermanfaat.