Rabu, 05 Juni 2013

Cara Memperbaiki Tampilan Blog Yang Rusak

Cara Memperbaiki Tampilan Blog "Page Element" Yang Rusak

 

Pernahkah anda mengalami kerusakan Page Element pada Tampilan Blog kususnya Blogger? Biasanya kerusakan Page Element pada Tampilan Blog akan terlihat seperti gambar dibawah ini:
Page-Elements-Layout

Jika anda pernah merubah Template Blog lalu Tampilan Page Element blog terlihat seperti gambar di atas maka saya akan memberikan tips untuk memperbaiki kerusakan tersebut. Ikuti langkah-langkah berikut:
Partama, copy kode Script dibawah ini:
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 masuk ke halaman edit HTML dan letakan kode yang anda copy tadi tepat dibawah sumber template blog, Lihat contoh gambar di bawah ini:
Page-Elements-Layout-Broken

1 komentar:

Blogger templates