Notification

×

Kategori Berita

Ingin Mencari Artikel?
✓ Tersedia berbagai artikel yang dapat menambah wawasan Anda.
TRENDING TERKINI

Adsense Responsif

Tag Terpopuler

Cara membagi slidebar widget menjadi 2 kolom

06 Maret 2014 | 13:18 WIB Last Updated 2021-08-12T01:59:17Z
Bantu Subscribe ya?
Subscribe
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:

Cari kode ]]></b:skin> dan copy pastekan kode di bawah ini di atas kode ]]></b:skin> tadi.

#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>

Selanjutnya simpan dan lihat hasilnya.
 
Sekian  dulu postingan saya yang berjudul Cara membagi slidebar widget menjadi 2 kolom ini. Semoga bisa membantu dan bermanfaat.
×
Artikel Terbaru Update
Rekomendasi Untuk Anda × +