Cara Membagi Sidebar Menjadi 2 Kolom

Disini ,saya akan membagikan tutorial mengenai Cara Membagi Sidebar Menjadi 2 Kolom.Jika soba ingin tahu caranya,simak tutorial berikut ini:

1.Login ke Dashboard sobat

2.Pilih edit HTML

3.Jangan lupa download dulu agar aman

4.Centang Expand

5.Cari kode ]]></b:skin>

6.Copy kode di bawah ini tepat di atas kode tadi

<textarea cols="30" rows="5">#lsidebar-wrapper { float: left; margin:0 10px 0 5px; padding:0; width:150px; display:inline; } .lsidebar { line-height: 1.5em; } .lsidebar .widget { background: #FFFFFF; float:left; width: 140px; margin: 0 0 10px 0; padding: 10px; border:1px solid #f1f1f1; } #rsidebar-wrapper { float: right; margin-right:10px; padding:0; width:140px; } .rsidebar { line-height: 1.5em; } .rsidebar .widget { background: #FFFFFF; float:right; width: 130px; margin: 0 0 10px 0; padding: 10px; border:1px solid #f1f1f1; } </textarea>

Ganti kode warna merah dengan keinginan kita

5.Setelah langkah- diatas,cari kode seperti di bawah ini atau yang mirip seperti kode dibawah ini :  

<div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML6' locked='false' title='' type='HTML'/> </b:section> </div>

6.Setelah ketemu kode tersebut diatas pada template anda sisipkan kode dibawah ini diantara 

</b:section> </div>

7.Nanti akan tampak seperti ini :

<div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML6' locked='false' title='' type='HTML'/> </b:section><div id='lsidebar-wrapper'> <b:section class='lsidebar' id='lsidebar' preferred='yes'> </b:section> </div> <div id='rsidebar-wrapper'> <b:section class='rsidebar' id='rsidebar' preferred='yes'> </b:section> </div> </div>

8.Mungkin tiap template berbeda untuk kode di bawah ini, caranya anda menyisipkan kode tambahan diantara kode </b:section> </div>

<div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML6' locked='false' title='' type='HTML'/>dst..dst..dst..dst..dst..dst</b:section><Sisipipkan  kode disini></div>

9.Jika sudah Save Template anda.

Nah,mudah bukan?Demikian Cara Membuat Sidebar menjadi 2 Kolom.Jika terjadi masalah,bisa menghubungi saya.Jangan lupa baca Cara Membuat Tab View Bar.Terimakasih

Ditulis Oleh : Master Online | Prediksi Online Terbaru Hongkong Singapura

Artikel Cara Membagi Sidebar Menjadi 2 Kolom ini ditulis oleh Master Online pada hari ini. Terimakasih atas kunjungan agan pada blog ini. Kritik dan saran tentang Cara Membagi Sidebar Menjadi 2 Kolom dapat agan sampaikan melalui kotak komentar dibawah ini. Bagi agan semua yang ingin mengcopy paste atau menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya <a href="http://onlinebisnis11.blogspot.com/2013/03/cara-membagi-sidebar-menjadi-2-kolom.html" target="_blank">Cara Membagi Sidebar Menjadi 2 Kolom</a>

Artikel terkait :