Bagi yang ada 2 column, ini adalah untuk tambah satu lagi column di sebelah kiri.
Check Expand wigdet dahulu untuk tengok semua code.
Check code anda, ada outer-wrapper, main-wrapper, dan sidebar-wrapper kan? Ada sesetengah blog hanya ada outer-wrapper, main and sidebar. Sama je sebenarnya.
Kemudian tambah code ini di bawah nya untuk new sidebar. Tadi kan nak add column sebelah kirikan?
#newsidebar-wrapper {
width: 180px;
float: left;
padding-right:10px;
word-wrap: break-word;
overflow: hidden;
}
So sekarang da ade Outer, main, sidebar-and newsidebar kan? bagus..kemudian save.
Kemudian pulak,
Pergi bawah, kat
Body
, cari
<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>
dan add code bawah ni di atasnya.
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'/>
</div>
Ini diletakkan di atas "main" kerana newsidebar tu nak diletakkan di sebelah kiri.
Sekarang, code anda akan kelihatan:
<div id='newsidebar-wrapper'> <b:section class='sidebar' id='newsidebar' preferred='yes'/> </div>
<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>
div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/> </b:section> </div>
Selamat Mencuba ye.
0 Responses to "Add Left Sidebar":
Post a Comment