-->

Selasa, 18 Oktober 2016

Mimin SlideSeo

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...

Share this

Get Short URLloading short url
Disqus
Blogger
Pilih Sistem Komentar Yang Anda Sukai
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

- http://disq.us/p/[ID DISQUS] - lihat di sini.

strong em u strike
pre code pre code spoiler
embed
avatar

Hmhm ada beberapa cara ya gan ternyata untuk membenahi tata letak... Sip comot satu gan sebagai contoh

avatar

Kalo untuk menghapus widget yg tidak ada tombol hapusnya gimana ya gan ??

avatar

kalo cara menghapus gadget yg gx ada tombol hapusnya bagai mana

Kebijakan berkomentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini, Demi kenyamanan kita bersama :

» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi

Bila Anda punya nama atau blog gunakan komentar sebagai "Name/ URL".

Sebelumnya Saya minta maaf yang sebesar-besarnya jika komentar anda belum sempat dibalas.

Emoticon

© - All Rights Reserved | Created With - Powered By Blogger

Like this blog? Keep us running by whitelisting this blog in your ad blocker.

This is how to whitelisting this blog in your ad blocker.

Thank you!

×