Membuat Sidebar Kiri / Sidebar Left

Lagi seneng utak-atik template gan, bangga rasanya jika blog kita terlihat rapi dan lengkap. Semakin lama blogging, smakin bertambah pula konten di dalamnya hingga header, sidebar dan footer yang ada sudah tidak sanggup lagi menampung. Bila sudah begitu, penambahan sidebar mungkin diperlukan. 

Sekedar berbagi pengalaman, bagi sobat blogger yang ingin menambah sidebar di sebelah kiri blog, berikut ini adalah caranya:
  • seperti biasa kita login ke blogger
  • masuk ke Rancangan => Edit HTML
  • cari kode ]]></b:skin> dan letakan kode berikut ini tepat di atasnya:
#left-sidebar-wrapper {
width: 130px; /* lebar dari sidebar kiri, sobat dapat menggantinya */
float: left;
word-wrap: break-word;
overflow: hidden;
}
#left-sidebar-wrapper h2 {
height: 20px;
text-align: center;
padding:1px 0px 0px 0px;
font: verdana;
background: #000; /* warna background judul, sobat dapat menggantinya */
font-size:12px;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#fff; /* warna teks judul, sobat dapat menggantinya */
-moz-border-radius: 10px;
}
  • Setelah itu cari kode <div id='main-wrapper'> lalu taruh kode di bawah ini tepat di atasnya
<div id='left-sidebar-wrapper'>
<b:section class='sidebar' id='sidebar7' preferred='yes'>
</b:section>
</div>
  • Simpan Template  dan lihat hasilnya
Untuk berlangganan artikel, masukan email anda disini:



0 Comment :

Posting Komentar

Bahasa dapat mencerminkan kepribadian seseorang.
Bagi yang ingin promosi web, blog dan atau mendapatkan backlink dari blog ini, telah disediakan tempat khusus. Klik DISINI

 

Info Olahraga

Info Komputer

Info Blackberry