Cara Membuat Sidebar DiSebelah Kiri

Untuk yang ingin Membuat Sidebar DiSebelah Kiri 
saya akan jelaskan tentang tutorialnya. 
banyak yang menanyakan tentang Cara Membuat Sidebar DiSebelah Kiri padahal caranya sangat mudah ( bagi yang sudah tau XD ) 
Fungsi Membuat Sidebar DiSebelah Kiri  mungkin untuk menampung 
widget di sidebar sebelah kanan, karena terlalu panjang kebawah, atau juga 
untuk memperbanyak widget diblog. 

ok langsung saja daripada basi-basi !! 

1.Log in ke blog
2.Pilih Template
3.Edit HTML
4.Centang tulisan Expand Template Widget
5.Cari kode dibawah ini | untuk memudahkan pencarian tekan Ctrl+F 


#outer-wrapper {
  width: 1020px;
  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;
  }

6.kalau tidak ketemu kode diatas cari kode yang semirip mungkin. 
Catatan: Angka berwarna merah yang berada di #sidebar-wrapper ganti dengan angka 200 
dan angka berwarna merah yang berada di #main-wrapper ganti dengan angka 420 

7.Tambahkan kode dibawah ini tepat dibawah kode #sidebar-wrapper

#newsidebar-wrapper {
width: 200px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}8.Contoh hasil kode yang sudah ditambahkan :

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

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

#sidebar-wrapper {
  width: 200px;
  float: $endSide;
  word-wrap: break-word;
  overflow: hidden;
  }
#newsidebar-wrapper {
width: 200px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}
9.Lalu Cari kode dibawah ini | untuk memudahkan pencarian tekan Ctrl+F

<div id='main-wrapper'>
tion class='main' id='main' showaddelement='no'>
t id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
tion>
</div>
<div id='sidebar-wrapper'>
tion class='sidebar' id='sidebar' preferred='yes'/>
</div>


10..kalau tidak ketemu kode diatas cari kode yang semirip mungkin. 
lalu tambahkan kode dibawah ini tepat diatas <div id='main-wrapper'>

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'/>
</div>
11.Contoh hasil kode yang sudah ditambahkan :


<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'/>
</div>
<div id='main-wrapper'>
tion class='main' id='main' showaddelement='no'>
t id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
tion>
</div>
<div id='sidebar-wrapper'>
tion class='sidebar' id='sidebar' preferred='yes'/>
</div>12.Simpan Template 

=> Semoga anda tidak pusing dengan tutorial yang saya jelaskan, karena memang seperti itulah 
Tutorial Cara Membuat Sidebar DiSebelah Kiri . 
Semoga Bermanfaat !!