Cara Merubah Posisi Sidebar Dan Main di Blog

Halo kali ini D-G Blog akan mengeshare cara merubah posisi sidebar dan main di blog, mungkin dengan sidebar kalian pasti sudah tau bukan, kalo main disini maksudnya adalah bagian yang ada disebelah sidebar itu sendiri, bisa berupa widget ataupun post.Jika biasanya kalian menggunakan template dan sudah diatur maka kalian dapat mengubahnya dengan trik ini.
Jika kalian ingin melihat contohnya bisa seperti ini
- Bentuk Asli Blog ini

 

- Bentuk Setelah ditukar posisinya dengan trik ini 

Sudah terlihat kan bedanya

Tetapi ada 1 syarat untuk melakukan trik ini yaitu template kalian harus memiliki sidebar agak lebar dan modelnya tidak seperti saya karena kalau seperti saya bisa dilihat tuh hasilnya jadinya panjang sebelah, jadi setelah kalian menggunakan trik ini kalian harus preview dulu ya. 

Langsung saja ke caranya

1. Masuk www.blogger.com

2. Template

3. Nah sekarang tips dari D-G Blog , sebelum kalian ke edit html kalian backup dulu template kalian agar nanti jika gagal ada cadangannya.

4. Jika sudah di backup , sekarang kembali ke template dan Edit HTML, Expand Template widget  

(NB : Jika kalian tidak mengerti backup bisa kalian comment dan bertanya dan apabila males comment dan males bertanya cara yang diberi warna merah tidak usah dilakukan tetapi dalam mengeditnya hati hati ya)

5. Sekarang cari kode seperti ini

#main-wrapper{text-align:left;width:605px;float:left;overflow:hidden;margin:auto;padding:10px}

#main{float:left;margin:auto}
/* Sidebar */
#sidebar-wrapper1{float:right;width:360px;padding:20px;font-family:'Open Sans',sans-serif;margin:-12px 0 0 0;overflow:hidden;margin-right:60px}#sidebar-wrapper{float:left;width:360px;font-family:'Electrolize',cursive;overflow:hidden} 

Gunakan cara cepat (gunakan CTRL F)
jika kalian cari dan tidak dapat kalian tidak usah kaget, memang setiap template itu beda strukturnya, jadi begini saja Kalian lihat kode yang saya beri warna hijau itu yang kalian gunakan untuk dicari, dan jika masih tidak ada kalian harus membaca satu satu kodenya yang hampir mirip tetapi setahu saya meskipun berbeda tetapi tetap saja depannya #main dan #sidebar.
6. Jika sudah dapat kalian perhatikan dulu yang ini
#main-wrapper itu adalah kode yang ada disebelah sidebar kalian yang bisa berupa post dan widget
#sidebar-wrapper itu adalah kode sidebar kalian alias widget
Jadi kalian lihat dulu dimana posisi punya kalian jika sidebar kalian dikanan pasti tulisan kodenya right, jadi jika kalian ingin merubahnya ke kiri kalian tinggal mengubah kode yang saya beri warna biru sesuai template kalian

Jika sidebar kalian dikanan dan main kalian dikiri dan ingin diubah sidebarnya dikiri dan mainnya di kanan maka kodenya tinggal diubah dan akan menjadi ini

#main-wrapper{text-align:left;width:605px;float:left;overflow:hidden;margin:auto;padding:10px}
#main{float:right;margin:auto}/* Sidebar */#sidebar-wrapper1{float:left;width:360px;padding:20px;font-family:'Open Sans',sans-serif;margin:-12px 0 0 0;overflow:hidden;margin-right:60px}#sidebar-wrapper{float:left;width:360px;font-family:'Electrolize',cursive;overflow:hidden} 

 dan begitu juga sebaliknya
7. Jika sudah kalian preview dulu atau di pratinjau.
Jika dirasa cocok dan pas langsung saja disimpan

Sekian trick dari D-G Blog
semoga dengan adanya trick ini dapat membantu kalian
Terima Kasih