Menambah 2 kolom sidebar

Pada template standar biasanya hanya terdapat 1 kolom sidebar berukuran kira-kira 300 pixel. Untuk mempercantik tampilan blog, anda bisa menambah 2 kolom lagi dibawah sidebar utama tadi. Berikut cara membuatnya

1. Buka menu Layout kemudian pilih Edit HTML
2. Jangan lupa Backup Template anda agar mudah mengembalikan jika terjadi kesalahan.
3. Beri tanda centang pada cekbox “expand template widget”
4. Gunakan Ctrl F pada keyboard komputer anda untuk mencari kode: ]]></b:skin>
5. Setelah ketemu, letakkan kode berikut ini DIATASNYA

#lsidebar-wrapper {
float: left;
margin:0;
padding:0;
width:140px;
display:inline;
}
.lsidebar {
line-height: 1.5em;
}
.lsidebar .widget {
background:transparent;
float:left;
width: 135px;
margin: 0 0 10px 0;
padding:5px;
}
#rsidebar-wrapper {
float:right;
margin-right:10px 10px 10px 10px;
padding:0 10px 10px 10px;
width:140px;
}
.rsidebar {
line-height: 1.5em;
}
.rsidebar .widget {
background:transparent;
float:right;
width: 135px;
margin: 0 0 10px 0;
padding: 5px;
}

sesuaikan warna biru dengan ukuran sidebar anda

6. Selanjutnya cari kode ini atau yang mirip

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
</b:section>
</div>

7. Setelah ketemu hapus dulu kode </div> nya lalu letakkan kode berikut di bawahnya.

<div id='lsidebar-wrapper'>
<b:section class='lsidebar' id='lsidebar'preferred='yes'>
</b:section>
</div>
<div id='rsidebar-wrapper'>
<b:section class='rsidebar' id='rsidebar' preferred='yes'>
</b:section>
</div>
</div>

8. Save Template

Tidak ada komentar:

Posting Komentar

 

copyright (c) 2011 info BeGe | is a registered service of BG foundation. a nonprofit agency that focuses on human resource development