Cara Memindahkan Letak Sidebar Blogspot

Cara Memindahkan Letak Sidebar Blogspot

Sepertinya saya semakin ketagihan untuk memposting artikel pada blog yang sejak saya buat pada pertengahan tahun 2011. Pada postingan kali ini, saya akan mencoba memberikan cara bagaimana carnya memindahkan sidebar blogspot dari kiri ke kanan atau dari kanan ke kiri. langsung saja GPL:

Algoritmanya (bahasa informatika)
1. Pertama-tama yang harus dilakukan adalah login ke blogspot
2. Setelah masuk pilih menu rancangan kemudian klik edit html
3. Seperti biasa back up dulu templatemu kemudian pilih expand widget
4. Kalau sudah cari kode seperti yang di bawah ini, untuk lebih mudah klik CTRL + F

/* -- 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; /* fix for long text breaking sidebar float in IE */overflow:hidden; /* fix for long non-text content breaking IE sidebar float */}

#sidebar-wrapper{
background:#fff; width:340px; float:right; margin:2px; padding:8px 10px 0 0; 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 */}

.sidebar-left{ width:160px; float:left; margin:0; padding:0 10px 0 0}

.sidebar-right{ width:170px; margin:0; padding:0; float:right}

.sidebar-bottom{ width:340px; float:right; margin:0; padding-right:0px}
br{ clear:both}

5. Tujukan ke kode yang di hitamkan.

6. Pada kode #main-wrapper atau area postingan tertulis float:left yang berarti letaknya ada di sebelah kiri. untuk mengubah ke sebebelah kanan ganti left dengan right
7. Pada kode #sidebar-wrapper atau sidebar tertulis float:right yang berarti letaknya ada di sebelah kanan. untuk mengubah ke sebebelah kiri ganti right dengan left
8. Selesai klik save template