Cara Memindahkan Letak Sidebar Blogspot

Cara Memindahkan Letak Sidebar Blogspot

Cara Memindahkan Letak Sidebar Blogspot

Ada lagi cara yang bakalan ngusir kepenatan setelah berlama-lamaan dihiasi template yang sama. Pada postingan ini saya akan mencoba memberikan cara bagaimana mengusir kepenatan itu sekaligus berkrease. Exspresikan aksimu!!! Bagaimana cara yang harus dilakukan tidaklah sulit. Kita akan belajar bagaimana carnya memindahkan sidebar blogspot dari kiri ke kanan atau dari kanan kekiri. Well, langsung aja ke TKP:

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

 

</span>

/* -- 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}

<span style="font-family: Consolas, Monaco, monospace;">

 

 

5. Tujukan mata 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

You May Also Like

About the Author: Antarblog.com

Di Blog Antarblog.com ini admin akan membagikan artikel seputar dunia blogging, kesehatan, pendidikan, olahraga dan artikel dengan berbagai tema lainnya.