:: Sponsored By ::

Add Left Sidebar

Posted on February 27, 2010 by Purpleroses

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":

 

This Template is Brought to you by : AllBlogTools.com blogger templates

Blogger Templates