Cara Memperbaiki Tata Letak yang Tidak Beraturan di Blog

Cara Memperbaiki Tata Letak yang Tidak Beraturan di Blog

Tutorial kali ini 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.

Klik artikel pilihan:  cara membuat tulisan berbayang di gambar

                                        Cara mengubah nama dashboard Template di HTML