Menambah 2 Kolom sidebar

Menambah 2 Kolom sidebar.
 Nah, kali ini kita belajar bersama cara membuat/menambah 2 kolom pada sidebar.
yuk kita simak sama-sama.

Contoh kasus yang ingin kita tambahkan 2 kolom di bawah sidebar.


Setelah ditambah 2 kolom hasilnya akan terlihat seperti contoh gambar di bawah ini.

Untuk menambahkan 2 kolom tidaklah serumit yang kita bayangkan. mari di lanjut......

1. Login ke Dasbor.
2. Pilih "tata letak" , lalu klik Edit HTML.
3. Download template anda sebagai cadangan bila ada kesalahan.
4. Cari kode ]]></b:skin> lalu paste kode dibawah ini diatas kode ]]></b:skin> atau kita jadikan satu di tulisan yang ada kata-kata sidebarnya biar lebih mudah mencarinya gunakan tombol Ctrl+F.

• #lsidebar{float:left; width:145px}
  #rsidebar{float:right; width:145px}
  #lsidebar .widget{border: 1px solid #3ACC00; margin-bottom: 0.5em;}
  #rsidebar .widget{border: 1px solid #3ACC00; margin-bottom: 0.5em;}
  #lsidebar .widget-content { margin-left: 4px; margin-right: 4px;margin-top: 5px;margin-bottom: 4px;}
  #rsidebar .widget-content { margin-left: 4px; margin-right: 4px;margin-top: 5px;margin-bottom: 4px;}

5. Kemudian cari kode berikut ini:

• </div> <!-- end content-wrapper -->
  
  <div id='footer-wrapper'>

• Mungkin kode diatas ditemplate anda berbeda namanya, tapi intinya sama yaitu akhir dari sidebar, atau sebelum footer.

6. Diatas kode tadi masukkan kode berikut ini:

• <div id='lsidebar'>
  <b:section class='sidebar-left' id='sidebar-left' preferred='yes'/>
  </div>
  <div id='rsidebar'>
  <b:section class='rsidebar123' id='sidebar123' preferred='yes'/>
  </div>

Sehingga lengkapnya seperti ini:

• <div id='lsidebar'>
  <b:section class='sidebar-left' id='sidebar-left' preferred='yes'/>
  </div>
  <div id='rsidebar'>
  <b:section class='rsidebar123' id='sidebar123' preferred='yes'/>
  </div>
  
  </div> <!-- end content-wrapper -->
  
  <div id='footer-wrapper'>

7. Terakhir simpan template anda dan lihat hasilnya.
 
Ket:
width:145px, disa di ganti selaraskan dengan blog Anda,tentukan lebar kolom yang pas dengan template anda atau biarkan saja.

Selamat mencoba, semoga bermanfaat.