Cara melebarkan Sidebar Blogspot

Halo sobat dipagi hari yang cerah ini Bang Dayat pengen sharing tutorial Blogspot tentang cara melebarkan sidebar blogspot. Kenapa BD memposting ini? Karena barusan saja BD lagi otak-atik blog untuk melebarkan sidebar blog.

Bagi sobat yang ingin mencoba bagaimana caranya melebarkan sidebar berikut caranya :

1. Login dulu ke akun blogger sobat.

2. Kemudian pilih menu template.

3. Edit HTML.

4. Jangan lupa di checklist expand template widget.

5. Kemudian cari script seperti ini :

/* Outer-Wrapper
—————————————— */
#outer-wrapper {
width: 840px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */  

6. Ubah angka yang berwarna merah sesuai kebutuhan sobat.

7. Cara mengubahnya sebagai berikut :

Lebar main-wrapper 410px sedangkan lebar sidebar-wrapper 220px,
jika yang ingin di lebarkan sidebar-wrapper maka lebar main-wrapper di kurangi contoh,

sidebar wrapper  250px ( ditambah 30px ) , main wrapper di kurangi 30px , jadi nilai main wrapper = 380px, begitu juga sebaliknya,
tapi jika ingin  melebarkan main wraper  sedangkan sidebar-wrapper tetap maka kamu harus lebarkan
outer-wrapper,misalnya main-wrapper 410px+10px jadi 420px maka outer-wrapper 840px+10px jadi
850px,begitu juga sebaliknya bila yang ingin di lebarkan sidebar-wrapper tinggal tambahkan saja outer-wrapper.

8. Kalau sudah mantap jangan lupa disimpan.

Cara melebarkan sidebar berdasarkan rujukan dari http://ozura-sidebar180.blogspot.com/.