Mengatasi Tata Letak Page Element di dashboard Yang Tidak Teratur Pada Template Blogger

Tata Letak atau page element merupakan tempat kita mengedit, menambah aatau menghapus gadget yang ada pada blog kita. Lalu bagaimana kalau tata letak page element pada dashboard tidak terlihat teratur?? wahh tentunya ini akan menyulitkan kita bukan untuk mengidentifikasi bagian-bagian gadget berada tepat ditempatnya.

Bagaimana Solusinya? hemm, gampang saja, kita hanya perlu menambahkan CSS untuk mengatur kembali tata letaknya.

Berikut langkah-langkahnya.

1. Login ke akun blogger sobat.

2. Masuk ke menu Rancangan

3. Pilih tab Edit Html

4. Cari Teks "/*Variable Definitions" (tanpa tanda petik)

5. Tempatkan Code Berikut Persis di atasnya.

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%}

Ini Contohnya :