Merubah letak Sidebar pada Blog

Anda bosan dengan desain tata letak sidebar blog anda, kondisi sidebar yang berada disebelah kanan ataupun disebelah kiri blog anda tentunya membuat ada bosan terkadang, dan ada keinginan untuk memindah kannya disisi yang lain.

Artikel kali ini kita akan mencoba memindahkan posisi awal sidebar yang berada baik disebelah kiri maupun disebelah kanan blog anda kesisi yang lainnya.

Mari sobat ikuti cara dibawah ini untuk memindahkan posisi sidebar tersebut.

1. Silahkan masuk ke HTML template blog sobat.
2. perhatikan Kode di bawah ini :

/* -- Outer-Wrapper -- */
#outer-wrapper{background:#fff; width:980px; margin:0 auto; padding:0; text-align:left}
#main-wrapper{ background:#fff; width:600px; float:left; margin:2px; padding:0px 0 0 10px; word-wrap:break-word; overflow:hidden; }
#sidebar-wrapper{ background:#fff; width:340px; float:right; margin:2px; padding:8px 10px 0 0; word-wrap:break-word;overflow:hidden;}

3. Perhatikan tanda yang dicetak tebal di atas,
  • Pada #main-wrapper anda temukan kode float:left;  untuk memindahkannya kesebelah kanan silahkan sobat ubah menjadi float:right;
  • pada #sidebar-wrapper terdapat kode float:right; yang berarti terletak di sebelah kanan, dan untuk merubahnya disebelah kiri silahkan sobat rubah menjadi float:left;
4. Simpan dan coba lihat hasil yang sudah anda buat tadi


Comments

Popular Posts