TAMBAH SIDEBAR BLOG JADI 3 BUAH

Bagi anda yang ingin menambah sidebar blog anda menjadi tiga buah, ikuti langkah-langkahnya.

• Sign ke Blogger.
• Pilih tata Letak.
• Pilih Edit HTML.
• Back up dulu template anda.
• Tombol pada Expand Tempate Widgetnya tidak perlu dikasih tanda contreng.
• Cari kode #sidebar
• Copy kode dibawah in dan paste diatas kode tadi.

#sidebaratas-wrapper {
border: 1px solid #FFFFFF;
background:#FFFFFF;
width:470px;
float:right;
padding:5px;
margin-top:10px;
}

ubahlah kode tersebut sesuai dengan lebar dari kedua sidebar yang sudah ada dengan menjumlahkan width dari kedua sidebar ditambah padding dan margin.
Contoh sidebar yang saya gunakan (kode ini hanya untuk contoh saja)

#sidebaratas-wrapper { /*Sidebar yang ditambahkan*/
border: 1px none #FFFFFF;
background:#0000b3;
width:470px;
float:right;
padding:5px 5px .25em;
margin-bottom:10px;
}
#sidebar-wrapper { /*sidemar lama*/
width: 260px;
float: $endSide;background:#0000b3; border:0px solid $bordercolor;white; padding:5px 5px .25em;
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 {/*sidemar lama*/
width: 200px;
float: right;background:#0000b3; border:0px solid $bordercolor;white; padding:5px 5px .25em;
psdding-left:5px;
word-wrap: break-word;
overflow: hidden;
}

• Setelah selesai mengubah lebar sidebar baru, cari kode seperti ini :

# <div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

• Copy kode dibawah ini kemudian paste tepat dibawah kode tadi :
  

* <div id='sidebaratas-wrapper'>
<b:section class='sidebaratas' id='sidebaratas' showaddelement='yes'>
</b:section>
</div>

• Klik tombol Simpan Template.
• Selesai...Lihat Blog baru anda sekarang

Related post by Category