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 !!!!

9455b61f7acac27420b4140f06f0bfee44bcf51a342e83578cf46d9b12c94843cae65b85fecfa504

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

Posted by Unknown, Published at 23:59 and have 0 komentar