Cara Membuat Postingan Dan sidebar Berpindah Tempat

Ngomong-ngomong soal membuat kolom postingan dan sidebar berpindah tempat ,jadi teringat blog nya mas dhodho deh ,hehehe .. tapi neh sedikit berbeda .. simpel dan lebih mudah .. dan sudah saya coba di blog ini !
Awal kisahnya saya heran melihat blog nya Kang Rohman ketika di klik artikelnya , bisa berpindah .
Setelah berhari-hari mencari rahasianya akhirnya ketemu juga deh ...
Neh sekedar berbagi-bagi aja ..

Ini saya ambil contoh dari blog saya >>
Caranya gini :
Masuk ke EDIT HTML >>
Cari css seperti dibawah ini

#main-wrapper {
float: left;
width: 639px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

kemudian Copy CSS template kamu yang mirip kode di atas dan taruh di atas </head> ,

Eitss .. jangan di simpan dulu , harus di edit dulu ..

Masukkan kode yang berwarna hijau dan sisipkan kode yang berwarna merah, Jangan lupa ganti float: left menjadi float: right nya ..

Hingga jadi seperti dibawah ini:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>#main-wrapper {
float: right;
width: 639px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}</style></b:if>

udah kan ,,
Simpan .. lihat hasilnya ...

Biasanya jika salah satu diantara #main-wrapper dan #sidebar-wrapper di ganti float nya , maka otomatis akan berpindah ..



Baca juga : Cara Membuat Widget Hanya Tampil di HomePage Atau Postingan