Mengatasi Tata Letak Blog Yang Tidak Teratur

Tutorial blog kali ini kita akan mencoba memperbaiki masalah tata letak blog yang tidak beraturan dari sebuah template. Dulu saya sempat mengganti template blog, tapi alangkah terkejutnya setelah template baru selesai di upload, ternyata bagian tata letaknya tidak teratur sehingga menyulitkan saya untuk mengindentifikasi bagian-bagian dari gadget yang dalam blog saya tersebut. Nah, jika sobat punya permasalahan yang sama, tak perlu khawatir, saya akan membagikan trik cara mengatasinya.

Caranya:

• Login ke akun blog sobat.
• Klik menu "Template" -> "Edit HTML" -> "Lanjutkan/Procced"
• Kemudian, cari kode /* Variable definitions kemudian pastekan kode dibawah ini tepat diatas /* Variable definitions tadi.

body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #outer-wrapper{overflow:visible;width:1000px}
body#layout #header{float:left;width:240px}
body#layout #header2{float:right;width:240px}
body#layout .add_widget{width:240px}
body#layout div.widget{width:240px}
body#layout #sidebar-wrapper{overflow:visible;width:240px}
body#layout #lsidebar-wrapper{overflow:visible;float:left;width:240px;margin-right:50px;}
body#layout #main-wrapper{overflow:visible;float:left;width:240px}
body#layout #rsidebar-wrapper{overflow:visible;float:right;width:240px}
body#layout #myGallery{display:none}
body#layout .featuredposts{display:none}
body#layout .fp-slider{display:none}
body#layout #navcontainer{display:none}
body#layout .menu-secondary-wrap{display:none}
body#layout .menu-secondary-container{display:none}
body#layout #skiplinks{display:none}
body#layout .feedtwitter{display:none}
body#layout div.section{font-family:sans-serif;margin:0 auto 2px;padding:0 0 10px 0;position:relative;overflow:visible}
body#layout .section-columns{margin:0}
.section{width:100%}

• Kemudian, simpan template.

Sekarang coba sobat lihat tampilan tata letak template blog sobat. Jika cara diatas berhasil, maka tata letak template yang tadinya tidak teratur sekarang sudah teratur dan sesuai posisinya.


Semoga berguna dan bermamfaat  
Follow twitter saya ya (twitter.com/mampirbro), ntar saya follback 
Salam MampirBro