Cara Membuat Sidebar Berada Di kanan/kiri Postingan

Aku punya sedikit tips buat kalian mungkin ini berguna bagi anda para blogers langsung saja kita praktik cara'y boleh lihat di bawah ini  ↓



1. Login ke Blogger anda (wajib) > Tata letak (layout) > Edit HTML

2. cari kode berikut ini (fokuskan pencarian pada yang berwarna merah)



#sidebar-wrapper {

width: 430px;

float: $endSide;

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 */

}



3. Tambahkan kode berikut di bawahnya, setelah tanda }



#sidebarbaru-wrapper {

width: 180px;

float: left;

padding-right:10px;

word-wrap: break-word;

overflow: hidden;

}



contoh :



#sidebar-wrapper {

width: 430px;

float: $endSide;

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 */

}

#sidebarbaru-wrapper {

width: 180px;

float: left;

padding-right:10px;

word-wrap: break-word;

overflow: hidden;

}



4. Jika sudah, cari kode <div id='main-wrapper'>



5. Tambahkan kode berikut di atas kode tadi



<div id='sidebarbaru-wrapper'>

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

</div>



sehingga akan menjadi



<div id='sidebarbaru-wrapper'>

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

</div>



<div id='main-wrapper'>



6. Save templates, dan lihat hasilnya.



Semoga artikel ini bermanfaat buat kalian !!!!



Selamat mencoba ........ok !!!!!!