Mengatasi Tata Letak Page Element Yang Tidak Sesuai Dengan Tampilan di Blogspot


Hal yang sedikit membingungkan pada saat menempatkan element pada blog adalah ketika tata letak page element tidak sesuai penampilanya degan halaman blog.

Kita meletakkan dimana nyangkutnya kemana,

untuk mengatasi masalah tersebut, silahkan tambahkan CSS kode di bawah ini,
caranya :


1. Login ke akun blogger.
2. Pilih tab Tema
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%}

Jika sudah  klik simpan kemudian menuju  pada tab tata letak. jika berhasil page element akan sesuai dengan tampilan diblog nya.




.

0 Komentator:

Post a Comment