Membuat Sidebar di kiri

Setelah saya membuat trik tentang Membuat sidebar 2 kolom dan Membuat sidebar 2 kolom (2) kini saatnya saya Membuat Sidebar di Kiri biar tuntas gitu tentang Sidebar dan biar para kawan-kawan pecinta oketrik (emang oketrik siapa?) dapat belajar menambahkan elemen untuk sidebar. sebenarnya cara ini mungkin sudah banyak yang membagikannya tapi apa salahnya kalau saya membagikan ulang betul tidak? sekarang mari kita lihat cara dan langkah-langkah pembuatannya oke

1. seperti biasa kita login ke blogger
2. masuk ke Tata Letak => Edit HTML
3. cari kode ]]></b:skin> lalu taruh kode di bawah 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;
   }
   
   
   
4. 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>
   
   
   
   
5. Setelah itu sobat bisa menyimpannya deh
6. Selesai

Bagaimana cara memasangnya mudah bukan? nah disini sobat bisa menanyakan atau meminta untuk di buatkan tutorial tentang blogger hanya dengan meninggalkan pesan atau menghubungi saya dengan mengklik "hubungi saya" pada menu navigasi yang ada di atas header, sekarang saya akhiri y. dan happy blogging .

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg