#sidebar-wrapper{
width:320px;
float:right;
margin-right:15px;
border-left:1px solid #ddd;
word-wrap:break-word;
overflow:hidden;}
.sidebar{
width:320px;
}
Kemudian untuk menambahkan Section baru, tempatkan kode dibawah ini pada bagian <body>Disini...</body> penerapanya adalah seperti ini:
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<!-- Gadget akan ditempatkan disini! -->
</b:section>
</div>
Atau bisa juga seperti ini:
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar1' preferred='yes' />
</div>
Sidebar Blog pada contoh tema diatas memiliki satu bagian Section saja, dan nantinya anda bisa menambahkan beberapa Gadget didalamnya, seperti misalnyaHTML/JavaScript, dan lain-lain, silahkan lihat ScreenShoot nya dibawah ini:
Catatan:
Masing-masing kode Section harus menggunakan id yang berbeda, seperti misalnya<b:section id='sidebar1' class='sesuaikanstyle' preferred='yes' /> atau <b:section id='footer' class='sesuaikanstyle' preferred='yes' /> dan sebagainya.
Posting Komentar