Cara Memasang Kolom Sidebar Kiri Di Blog |
Hello Good People, pada kesempatan kali ini saya akan bagikan Cara Pasang Sidebar Kiri Di Blog dengan mudah. Mungkin ini jadi ajang coba-coba bagi blogger yang blognya memakai terus sidebar kanan.
Tanpa basa basi lagi, mari kita simak caranya:
Cara Pasang Sidebar Kiri Di Blog
- Login dulu ke halaman Blogger Tercinta
- Klik Template > Edit HTML
- Copy Paste kode dibawah ini tepat diatas kode
]]></b:skin>
atau</style>
#sidebarleft-wrapper { width: 160px; float: left; word-wrap: break-word; overflow: hidden; padding: 15px 10px 15px 25px; background: #fff; color: #666;} #sidebarleft-wrapper li{border-bottom: 1px solid #f9f9f9; padding: 0 0 3px 0; margin: 0 0 3px 0;} #sidebarleft-wrapper a:link,#sidebarleft-wrapper a:visited{color:#555} #sidebarleft-wrapper a:hover {color:#c00} #sidebarleft-wrapper h2 { font-size: 120%; color: #c00; padding: 5px 0; margin: 0 auto;} @media screen and (max-width:600px){ #sidebarleft-wrapper {display:none} }
- Perhatikan tanda warna kuning: ukuran sidebar kiri (isi sesuai selera)
- Silahkan ubah juga ukuran kode main-wrapper template anda, dengan dikurang ukuran sidebar kiri yang baru dikurangi lagi padding dan margin.
- Selanjutnya cari kode berikut ini:
<div id='content-wrapper'>
atau<div id='main-wrapper'>
atau<div class='content-wrapper'>
atau yang ini<div class='main-wrapper'>
- Setelah didapat, taruh kode dibawah ini tepat diatasnya.
- Selanjutnya cari kode berikut ini:
<div id='sidebarleft-wrapper'>
<b:section class='sidebarleft' id='sidebarleft' preferred='yes'/>
</div>
- Simpan Tema.
Langkah selanjutnya mengisi konten.
- Pada menu Dashboard Blogger pilik Tata Letak
- Refresh (Tekan F5) untuk memastikan elemen sidebar kiri sudah muncul di Tata Letak Dashbloard Blogger Anda.
- Silahkan pilih Tambahkan Gadget dan pilih widget yang akan dimunculkan di sidebar kiri blog Anda yang baru saja dibuat.
Demikian artikel Cara Pasang Sidebar Kiri Di Blog, semoga bermanfaat bagi anda.
"Anda harus memiliki target sebelum anda melakukan sesuatu"
-Michael Jordan