CARA MENAMBAH WIDGET SIDEBAR BARU DI BLOGSPOT

haloo sobat , kali ini aku punya informasi yang cukup bermanfaat buat sobat dan para bloger semua soalnya dengan menambah sidebar sobat dapat dengan mudah dan leluasa di dalam menempatkan elemen-elemen halaman .


langkah yang pertama

cari kode - kode di bawah 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;
padding-left:10px; /* yg ini tambahan juga biar tampak ada jarak sela */
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 */


Copy kode dibawah ini kemudian paste tepat dibawah kode-kode tadi

#sidebarbaru-wrapper {
width: 180px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}


Langkah kedua
Cari kode HTML dibawah ini pada bagian body:

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


Copy kode dibawah ini kemudian paste tepat diatas kode tadi

< div id='sidebarbaru-wrapper'>
< b:section class='sidebar' id='sidebarbaru' preferred='ye'/'>
</div>


kalo udah klik simpan atau save.
good luck