Memperbaiki Tata Letak Blogger/Layout

Berikut dibawah contoh tampilan Tata Letak/Layout Blogger yang error atau acak-acakan

1. Untuk Mengatasi Hal Berikut Dapat Anda Selesaikan/Atasi Dengan Cara-cara Sebagai Berikut :

Copy Kode Dibawah Ini Dan Letakkan Di Bagian Bawah <b:skin><![CDATA[

body#layout .outer-wrapper {width:970px}<br />
body#layout .content-wrapper {width:970px}<br />
body#layout #header {width:300px;float:left;margin-top:30px}<br />
body#layout #header2 {width:500px;float:right}<br />
body#layout .main-wrapper {width:550px}<br />
body#layout .sidebar-wrapper,.sidebar1-wrapper {width:300px;float:right}<br />
body#layout #footer {width:970px}<br />
.footer {width:215px;float:left}<br />
body#layout ul {display: none}

Kode diatas, belum tentu cocok dengan template blog Kalian. Karena kode template kadang berda-beda.

Jadi Intinya , kode atau elemen utama template terdiri dari:
1. Outer-Wrapper
2. Header-Wrapper
3. Main-Wrapper
4. Sidebar-Wrapper
5. Footer-Wrapper

Nah, sesuaikan saja dengan nama-nama itu. Cari yang mirip-mirip, juga soal tanda di depannya, titik (.) apa pagar (#).

2. Untuk widget/gadget berjejer ke bawah bisa diatasi dengan cara sebagai berikut :

Copy Kode Dibawah Ini Dan Paste Di Bagian &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[simpan kode CSS di sini*/]]></b:skin>

#header-wrapper, #outer-wrapper, #footer-wrapper {width:970px}

#header-left {width:200px;float:left}

#header-right {width:729px;float:right}

#main-wrapper {width:650px;float:left}

#sidebar-wrapper {width:300px;float:right}

.footer {width:315px;float:left}

Contoh :

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[

#header-wrapper, #outer-wrapper, #footer-wrapper {width:970px}

#header-left {width:200px;float:left}

#header-right {width:729px;float:right}

#main-wrapper {width:650px;float:left}

#sidebar-wrapper {width:300px;float:right}

.footer {width:315px;float:left}

*/]]></b:skin>

3. Jika tata letak bertumpuk atau ada yang saling menghalangi, maka coba gunakan kode "pemisah" antar-elemen berikut ini:

<div class='clear'/>

Ini contoh pemasangannya:

<div id="header">

.......................

.......................

</div>



<div class='clear'/>





<nav id='menu'>

<ul>

<li><a href='/'>Home</a></li>

<li><a href='#'>About</a></li>

<li><a href='#'>Contact</a></li>

<li><a href='#'>Sitemap</a></li>

<li><a href='#'>Privacy Policy</a></li>

</ul>

</nav>



<div class='clear'/>



<div class='content-wrapper'>

4. Jika  di tata letak blog ada titik-titik doang, maka gunakan kode ini:

body#layout ul {display: none;}

Copy dan paste di atas kode ]]></b:skin>

Untuk Cara Lain
5. Jika cara-cara di atas masih gagal, maka coba cara berikut ini:

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

Simpan kode tersebut di bawah kode seperti ini:

/*
Blogger Template Style
Name
Author st
*/


atau di atas

/* Variable Definitions
bla bla.....
*/

Okey Sekian Tutorial Memperbaiki Tata Letak Blogger/Layout,Silahkan Mencoba...

Diposting oleh Mimin SlideSeo