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

Seluruh artikel postingan pada blog ini dapat di copy-paste dengan syarat menuliskan sumbernya dan memasang link aktif blog ini pada blog sobat | Bagi Sobat yang menemukan link download bermasalah (brokenlink) dapat memberitahu saya di sini

Gunakan layanan 4shared generator (klik di sini ) untuk mempermudah mendonwload file dari 4shared tanpa perlu login.