Menambah Sidebar Sebelah Kiri

Menambah Sidebar Sebelah Kiri-Sebagian ada blogger yang ingin membuat blog mempunyai sidebar sebelah kiri dengan mengedit template sendiri. Mengedit template sendiri memang mengasikan. Kalau anda sudah sedikit mengerti dengan edit HTML tentu apa yang akan saya tulis dibawah ini mudah untuk dipahami.
Pada artikel yang lalu telah berhasil menambah sidebar di sebelah kanan kalau mau melihat silakan, agar lebih mudah memahami tutorial ini. Sedebar sebelah kiri dapat digunakan untuk menempatkan widget sesuka anda seperti label atau widget lainnya.

Cara Menambah Sidebar di Sebelah Kiri

Membuat sidebar sebelah kiri ini lebih tepatnya menambah elemen kiri, cara sangat mudah.

Masuk Dasbor Blogger

1. Pergilah ke dasbor blogger
2. Klik Rancangan, terus klik Edit HTML
3. Backup lah dulu template anda

Kode CSS

4. Cari kode CSS seperti ini.
#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 410px;
  float: $startSide;
  word-wrap: break-word; 
  overflow: hidden;
  }

#sidebar-wrapper {
  width: 220px;
  float: $endSide;
  word-wrap: break-word;
  overflow: hidden;
  }

5. Hapus dan ganti dengan kode ini


#outer-wrapper {
  width: 910px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 410px;
  float: $startSide;
  word-wrap: break-word;
  overflow: hidden;
  }

#sidebar-wrapper {
  width: 200px;
  float: $endSide;
  word-wrap: break-word;
  overflow: hidden;
  }

#sidebarkiri-wrapper {
  width:260px;
  float:left;
  word-wrap:break-word;
  overflow:hidden;
  }

Halaman Body

6. Cari kode seperti ini

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>


7. Tambahkan kode ini diaatasnya
 

<div id='sidebarkiri-wrapper'>
<b:section class='sidebar' id='sidebarkiri' preferred='yes'>
</b:section>
</div>

Menjadi seperti ini


<div id='sidebarkiri-wrapper'>
<b:section class='sidebar' id='sidebarkiri' preferred='yes'>
</b:section>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

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


8. Save
9. Selesai


Untuk melihatnya apakah sudah berhasil menambahkan sidebar di sebelah kiri, pergilah ke Rancangan lihat pada elemen laman. Kalau disana sudah ada elemen sidebar di sebelah kiri berarti anda sudah berhasil, kalau belum ada ya diulangi lagi dengan teliti. Semoga sukses

29 comments: Menambah Sidebar Sebelah Kiri

Teknokers mengatakan...

aku coba ya mas, semoga berhasil karena ini yang aku cari-cari. Sidebar blogku mau tak tambah di sebelah kiriaku coba ya mas, semoga berhasil karena ini yang aku cari-cari. Sidebar blogku mau tak tambah di sebelah kiri

Jos mengatakan...

Yup Silakan

Rouen mengatakan...

wah mas2 ini kan tutorial buat di copas code2nya, ilangin lah script yang nyusahin buat copas ntu, ngejlimet banget jadinya malah rusak template saya

Jos mengatakan...

@Rouen
Makasih Mas sudah ingatin, kemaren saya nyoba script tapi lupa mengapus, maaf ya..sekarang sudah dihilangkan kok.

Anonim mengatakan...

Mantap Mass... SIlahlan berkunjung di blogku ya.... Lumayan Bagus Lho hhahaaaaa

Jos mengatakan...

@Dimas
Saya telah berkunjung hanya saja tidak meninggal jejak karena saya binggung blog mas Dimas yang eksis yang mana? maaf ya

goesadi mengatakan...

thanks buat infonya, soalnya saya baru biki blog, tapi blog saya itu kusus game bro, ada gax triknya biar blog saya itu banyak pengunjungnya ?

Jos mengatakan...

@goesadi
Membangun blog harus bersabar mas Goesadi, Mari kita belajar sama-sama, yang pasti buat blog yang berguna bagi orang lain dan rajin posting. Langkah membuat blog dari awal versi saya sudah saya sharing klik aja link yang ada di header blog ini

Muflich Kamil mengatakan...

Wah, hebat nih mas. makasih dah berbagi.. oh ya, mampir balik yah, ke blog punya saya.. moga" kita bisa saling kenal lebih jauh.

Salam Blogger

Jos mengatakan...

@Muflich Kamil
Saya sudah berkunjung, tapi saya kesulitan berkomentar pada blognya. Saran saya perbaiki kotak komentar dan verifikasinya..

Muflich Kamil mengatakan...

Wah, makasih bang sarannya. Mungkin gara" itu juga komentar yang selalu saya tunggu ga datang-datang :(

NYONGAMBON89 mengatakan...

MAKASIH TIPSNYA BRO... SUKSES...
SALAM KENAL TUKAR LINK BOLEK G BRO?

Anonim mengatakan...

wahh
Siip dehh buat tutorial blogspotnnyaa

MisteriRembang mengatakan...

klik google mau nambah side kiri nemuin ini.. AKu cobain ya mas...

Mampir dong ke gubug misteri

Unknown mengatakan...

kenapa kode yang disuruh cari tidak ada di tamplate saya, apakah setiap tamlate berbeda-beda ?

Unknown mengatakan...

thanks infona ...
http://sempalansoftware.blogspot.com/

Unknown mengatakan...

bro . . . . templat blog saya itu cuman 1 kolom, terus klo saya mau nambhin 1 kolom dikiri paki cara yg bro tulis ini bisa g ya?

Unknown mengatakan...

pusing ane

Unknown mengatakan...

akhirnya bsa juga
http://pastiterpantau.blogspot.com/

andhi mengatakan...

siip dah..

Unknown mengatakan...

terimah kasih gan saya berhasil sil... thank infonya

TukangBekling mengatakan...

thank ya sangat membantu
kalau mau tau rahasia cantik para artis main ke web ku yaa ^_^
index:beautywater.id - index:obatkuatalong.com - index:pembesarpenisjakarta.com - index:juraganobatimport.com
obat kuat
obat kuat viagra
obat kuat
obat kuat
obat kuat pria
obat pembesar penis
vimax asli
pembesar penis
sex toys wanita
obat perangsang
obat kuat viagra
obat kuat sex
obat kuat
http://www.escape.sg/users/obatkuatalong
http://wwwcf.fhwa.dot.gov/exit.cfm?link=http://obatkuatalong.com
http://stnw.nhtsa.gov/exit.cfm?link=http://obatkuatalong.com
http://obatkuat.coffeecup.com
https://asrayiklan.wordpress.com/2015/03/29/obat-kuat-pria-itu-kuat-seperti-apa/
https://asrayiklan.wordpress.com/2015/01/11/harga-obat-kuat-viagra-jakarta-asli/
https://asrayiklan.wordpress.com/2015/01/11/fenomena-obat-kuat-pria/
https://asrayiklan.wordpress.com/2014/02/23/cara-menghilangkan-selulit-di-tubuh-anda/

Unknown mengatakan...

OBAT KUAT LELAKI SEJATI

http://www.zonasuplemen.com/
http://www.zonasuplemen.com/
http://www.zonasuplemen.com/

http://www.zonasuplemen.com/vimax-vimax-pembesar-alat-vital.html
http://www.zonasuplemen.com/vimax-vimax-pembesar-alat-vital.html
http://www.zonasuplemen.com/vimax-vimax-pembesar-alat-vital.html



OBAT PEMBESAR PENIS ENHANCERX

http://obatpembesarmurah.com/
http://obatpembesarmurah.com/
http://obatpembesarmurah.com/



JUAL PERTAMINA, JUAL PERAMINI DIGITAL

http://jualpommini.blogspot.co.id/
http://jualpommini.blogspot.co.id/
http://jualpommini.blogspot.co.id/



OBAT PEMBESAR ALAT VITAL VIMAX

http://vimax-klgasli.com/
http://vimax-klgasli.com/
http://vimax-klgasli.com/



JUAL OBAT BIUS MANJUR

http://jualobatbiusasli.weebly.com/
http://jualobatbiusasli.weebly.com/
http://jualobatbiusasli.weebly.com/



CERITA MESUM - CERITA SEX
http://liputan6sore.blogspot.co.id/
http://liputan6sore.blogspot.co.id/
http://liputan6sore.blogspot.co.id/


OBAT ABORSI MANJUR

http://www.cytotecpfiser.com/cytotec-obat-aborsi-usia-1-bulan.html
http://www.cytotecpfiser.com/cytotec-obat-aborsi-usia-1-bulan.html
http://www.cytotecpfiser.com/cytotec-obat-aborsi-usia-1-bulan.html
http://www.cytotecpfiser.com/cytotec-obat-aborsi-usia-1-bulan.html


http://www.zonasuplemen.com/
http://obatpembesarmurah.com/
http://vimax-klgasli.com/
http://jualobatbiusasli.weebly.com/
http://jualpommini.blogspot.co.id/
http://www.cytotecpfiser.com/


Jual Obat Pembesar penis di surabaya mengatakan...

makasih infonya om, . .

anabolic rx24 asli mengatakan...

nice blog

putra shop mengatakan...

Jual Vimax Izon Asli Canada Di Surabaya

Jual Testo Ultra Asli Di Surabaya

Jual Obat Kuat Anabolic Rx24 Di Medan

Jual Penirum Obat Pembesar Penis Di Bali

Jual Obat Penirum Di Surabaya

Jual Titan Gel Asli Di Surabaya

Jual Hammer Of Thor Obat Kuat Di Surabaya

Jual Obat Kuat Cialis 80mg Di Surabaya

Jual Obat Kuat Maxman Di Surabaya

Jual Pro Extender Di Surabaya

Erwin Cooper mengatakan...

habits that can kill your youtube channel

Jual Permen Lorenxo Delicious Asli Di Samarinda mengatakan...

Jual Viagra Asli Jakarta
Agen Jual Obat Kuat Di Jakarta
Jual Viagra Asli COD Di Jakarta
Jual Obat Kuat Di Jakarta
Jual Viagra Asli Di Jakarta Barat
Jual Viagra Asli Di Jakarta Pusat
Jual Viagra Asli Di Jakarta Timur
Jual Viagra Asli Di Jakarta Selatan
Jual Viagra Asli Di Bekasi

Raj Maan mengatakan...

Amazing! Thanks for sharing it as a blog. best yonex badminton racket for beginners

Posting Komentar

Bagi yang mau comment, mohon tidak spam, pengulangan kata huruf berkali-kali terditeksi spam.

 

Langgan Artikel


Gratis berlangganan artikel via RSS FEED

Atau berlangganan FEED via email :


Pengikut

Copyright © 2012 Membuat Blog Gratis | Powered by Blogger