Memindahkan Sidebar dan Letak Postingan

Kali ini kita akan sedikit melakukan trik sederhana namun sedikit ekstrim, apa coba? Hehehe udah keliatan dari judulnya ea?
Yups sesuai judulnya, kita akan memindahkan posisi sidebar dari kanan ke kiri maupun sebaliknya, karena sidebar dipindah, otomatis kita juga harus memindah letak posting.
Cara membuatnya cukup simple (menurutku) asalkan kamu tahu kode CSS penyusun sidebar

• Login dulu ke Blogger lalu masuk ke "Tata Letak" -> "Edit HTML"
• Biasanya sih kode CSS sidebar diawali dengan #sidebar-wrapper
• Tapi di beberapa template mungkin agak sedikit berbeda kawan.
• Kalau kamu gak menemukan kode #sidebar-wrapper silahkan klik tombol dibawah ini untuk mencari kode CSS dari sidebar.
• Klik untuk mengetahui CSSnya :

  
  

  
  

  • Kamu pastinya tahu nama widget yang terletak di sidebar kan?
  • Masuk ke Tata Letak -> Edit HTML
  • Cari kode title='nama widget' yang merupakan nama widget yang ada di sidebarmu
  • Contohnya pada blog ini, ada widget bernama 'berlangganan' maka aku cari kode title='berlangganan' pada templateku
  • Nantinya kamu mendapati kode satu baris gadget sebagai berikut:

  title='Berlangganan' type='HTML'/>

  • Terus ke atas sampai kamu menemukan kode

  Contohnya:
  
  

  
  
  
  
  

  • Nah kalau kodenya menunjukkan
    berarti kode CSSnya #sidebar-wrapper
  • Kalau kodenya menunjukkan
    berarti kode CSSnya#sidebarjelek
  • Udah tau maksudnya kan?

  Intinya, Sesudah kode

  
  
• Udah ketemu kode CSSnya?
• • Kode keseluruhan CSS biasanya:

  #sidebar-wrapper {
  background:#333333 none repeat scroll 0 0;
  border-bottom:1px solid #222222;
  border-left:1px solid #222222;
  float:right;
  margin-right:5px;
  overflow:hidden;
  width:300px;
  }

  • Kamu perhatikan aja pada kode float:right;menunjukkan bahwa sidebar kamu ada di sebelah kanan (right)
  • Ganti Right dengan Left untuk memindahnay ke sebelah kiri
  • Biasanya kalau sidebar dipindah, letak posting otomatis juga berpindah, tapi kalau gak pindah juga kamu cari CSS yang menunjukkan letak halaman posting (#main-wrapper)
  • (kalau gak ketemu kamu cari gadget bernama title='blog1' dan ulangi langkah di Spoiler tadi)

  #main-wrapper {
  float:left;
  margin-left:38px;
  margin-top:18px;
  overflow:hidden;
  width:560px;
  }

  Kode hijau dan tebal kamu ganti dengan kebalikkannya! left menjadi right atau sebaliknya
  Gimana? Kalau ada yang kurang jelas boleh bertanya kok!, atau sekedar ingin mengucapkan terima kasih juga boleh. silahkan berkomentar!

• Tweet
• Share
• Share
• Share
• Share

About Admin MC3

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Post