Membuat/Menambah Kolom Sidebar Kiri

baik sobat pagi kali ini saya akan menjelaskan cara membuat atau menambah kolom sidebar di sebelah kiri cara pembuatan nya sangat simpel dan mudah ko'ga' pakek ribet .
   silahkan disimak cara pembuatan nya..............

Menambah Sidebar Sebelah Kiri-Sebagian ada blogger yang ingin membuat blog mempunyai sidebar sebelah kiri dengan mengedit sendiri. Mengedit template sendiri memang mengasikan. Kalau anda sudah sedikit mengerti dengan edit HTML tentu apa yang akan saya tulis dibawah ini mudah untuk dipahami.
  agar lebih mudah memahami tutorial ini. Sedebar sebelah kiri dapat digunakan untuk menempatkan widget sesuka anda seperti label atau widget lainnya.

      

        sobat masuk dulu keblogger dengan menggunakan akun sobat,jangan gunakan akun paepal twitter dan sebagainya pasti akan sia sia

         1.pergilah kedasbor

         2.klik menu template edit html lalu lanjutkan

         3.setelah itu centang kolom mungil di sebelah kiri halaman

sekarang kita laihat kode CSS nya sobat cari saja kode CSS  seperti:

#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 410px;
  float: $startSide;
  word-wrap: break-word; 
  overflow: hidden;
  }

#sidebar-wrapper {
  width: 220px;
  float: $endSide;
  word-wrap: break-word;
  overflow: hidden;
  }
setelah itu hapus aja kode tersebut jangan ragu ragu jika sobat mengikuti trik saya ini dengan benar dijamin ga' akan error.
setelah sobat menghapus kode tersebut ganti kode yg sobat hapus tadi dengan kode berikut:

#outer-wrapper {
  width: 910px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 410px;
  float: $startSide;
  word-wrap: break-word;
  overflow: hidden;
  }

#sidebar-wrapper {
  width: 200px;
  float: $endSide;
  word-wrap: break-word;
  overflow: hidden;
  }

#sidebarkiri-wrapper {
  width:260px;
  float:left;
  word-wrap:break-word;
  overflow:hidden;
  }

 tentukan kode yg berwarna merah dengan ukuran template sobat

  sekarang kita membahas tentang halaman body

Cari kode seperti ini

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

Tambahkan kode ini diaatasnya
 <div id='sidebarkiri-wrapper'>
<b:section class='sidebar' id='sidebarkiri' preferred='yes'>

</b:section>
</div>

Menjadi seperti ini

<div id='sidebarkiri-wrapper'>
<b:section class='sidebar' id='sidebarkiri' preferred='yes'>

</b:section>
</div>

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>

</div>

<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'/>

</div>



lalu save template sobat selesai deh gampang kan,nah untuk melihat hasil editan sobat,sobat klik layout tataletak lihat elemen templat sobat pasti sudah berubah...


   sampai disini dulu palajaran kali ini semoga bermanfaat selamat mencoba................