Seocips Template Demo

Berikut dibawah contoh tampilan Tata Letak/Layout Blogger yang error atau acak-acakan<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-0tZOQrjuCqhtAb7XHYC4dLv_H8mhx8KjdRG2kuzeSD5JPFXq_L7WfmkWyO6FY_fhujIC6QW072H9tupB8tv5QXAQZxiQn0Cf3DrOSxdRPsGvAF6Lgv92_1618VuBwLpRF_xnBHCBQ_E/s1600/upp-compressor.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="448" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-0tZOQrjuCqhtAb7XHYC4dLv_H8mhx8KjdRG2kuzeSD5JPFXq_L7WfmkWyO6FY_fhujIC6QW072H9tupB8tv5QXAQZxiQn0Cf3DrOSxdRPsGvAF6Lgv92_1618VuBwLpRF_xnBHCBQ_E/s640/upp-compressor.png" width="640" /></a></div>1. Untuk Mengatasi Hal Berikut Dapat Anda Selesaikan/Atasi Dengan Cara-cara Sebagai Berikut :<br /><br />Copy Kode Dibawah Ini Dan Letakkan Di Bagian Bawah <b style="background-color: white; border: 0px; box-sizing: border-box; font-family: Arial; font-size: 13.5px; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #e06666;"><kode><b:skin><![CDATA[</kode></span></b><br /><br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><br />body#layout .outer-wrapper {width:970px}<br /><br />body#layout .content-wrapper {width:970px}<br /><br />body#layout #header {width:300px;float:left;margin-top:30px}<br /><br />body#layout #header2 {width:500px;float:right}<br /><br />body#layout .main-wrapper {width:550px}<br /><br />body#layout .sidebar-wrapper,.sidebar1-wrapper {width:300px;float:right}<br /><br />body#layout #footer {width:970px}<br /><br />.footer {width:215px;float:left}<br /><br />body#layout ul {display: none}<br /></code></pre><br /><div class="keterangan">Kode diatas, belum tentu cocok dengan template blog Kalian. Karena kode template kadang berda-beda.<br /><br />Jadi Intinya , kode atau elemen utama template terdiri dari:<br />1. Outer-Wrapper<br />2. Header-Wrapper<br />3. Main-Wrapper<br />4. Sidebar-Wrapper<br />5. Footer-Wrapper<br /><br />Nah, sesuaikan saja dengan nama-nama itu. Cari yang mirip-mirip, juga soal tanda di depannya, titik (<kode>.</kode>) apa pagar (<kode>#</kode>). </div><br />2. Untuk widget/gadget berjejer ke bawah bisa diatasi dengan cara sebagai berikut :<br /><br />Copy Kode Dibawah Ini Dan Paste Di Bagian <kode>&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[<span style="color: #e06666;">simpan kode CSS di sini*</span>/]]></b:skin></kode><br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><br />#header-wrapper, #outer-wrapper, #footer-wrapper {width:970px}<br /><br />#header-left {width:200px;float:left}<br /><br />#header-right {width:729px;float:right}<br /><br />#main-wrapper {width:650px;float:left}<br /><br />#sidebar-wrapper {width:300px;float:right}<br /><br />.footer {width:315px;float:left}<br /><br /></code></pre><br /><div class="keterangan">Contoh :<br /><br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><br />&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[<br /><br />#header-wrapper, #outer-wrapper, #footer-wrapper {width:970px}<br /><br />#header-left {width:200px;float:left}<br /><br />#header-right {width:729px;float:right}<br /><br />#main-wrapper {width:650px;float:left}<br /><br />#sidebar-wrapper {width:300px;float:right}<br /><br />.footer {width:315px;float:left}<br /><br />*/]]></b:skin><br /></code></pre></div><br /><br />3. Jika tata letak bertumpuk atau ada yang saling menghalangi, maka coba gunakan kode "pemisah" antar-elemen berikut ini:<br /><br /><kode><div class='clear'/></kode><br /><br />Ini contoh pemasangannya:<br /><br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><br /><div id="header"><br /><br />.......................<br /><br />.......................<br /><br /></div><br /><br /><br /><br /><div class='clear'/><br /><br /><br /><br /><br /><br /><nav id='menu'><br /><br /><ul><br /><br /><li><a href='/'>Home</a></li><br /><br /><li><a href='#'>About</a></li><br /><br /><li><a href='#'>Contact</a></li><br /><br /><li><a href='#'>Sitemap</a></li><br /><br /><li><a href='#'>Privacy Policy</a></li><br /><br /></ul><br /><br /></nav><br /><br /><br /><br /><div class='clear'/><br /><br /><br /><br /><div class='content-wrapper'><br /></code></pre><br /><br />4. Jika  di tata letak blog ada titik-titik doang, maka gunakan kode ini:<br /><br /><kode>body#layout ul {display: none;} </kode><br /><br />Copy dan paste di atas kode <kode>]]></b:skin></kode><br /><br /><div class="keterangan">Untuk Cara Lain<br />5. Jika cara-cara di atas masih gagal, maka coba cara berikut ini:<br /><br />Copy Kode Dibawah Ini :<br /><pre data-codetype="CSSku" title="CSS"><code class="language-css"><br />body#layout ul{list-style-type:none;list-style:none}<br /><br />body#layout ul li{list-style-type:none;list-style:none}<br /><br />body#layout #outer-wrapper{overflow:visible;width:1000px}<br /><br />body#layout #header{float:left;width:240px}<br /><br />body#layout #header2{float:right;width:240px}<br /><br />body#layout .add_widget{width:240px}<br /><br />body#layout div.widget{width:240px}<br /><br />body#layout #sidebar-wrapper{overflow:visible;width:240px}<br /><br />body#layout #lsidebar-wrapper {overflow:visible;float:left;width:240px;margin-right:50px;} body#layout #main-wrapper{overflow:visible;float:left;width:240px}<br /><br />body#layout #rsidebar-wrapper{overflow:visible;float:right;width:240px}<br /><br />body#layout #myGallery{display:none}<br /><br />body#layout .featuredposts {display:none}<br /><br />body#layout .fp-slider{display:none}<br /><br />body#layout #navcontainer {display:none}<br /><br />body#layout .menu-secondary-wrap{display:none}<br /><br />body#layout .menu-secondary-container{display:none}<br /><br />body#layout #skiplinks{display:none}<br /><br />body#layout .feedtwitter{display:none}<br /><br />body#layout div.section{font-family:sans-serif;margin:0 auto 2px;padding:0 0 10px 0;position:relative;overflow:visible}<br /><br />body#layout .section-columns{margin:0} .section{width:100%}<br /></code></pre><br /><br />Simpan kode tersebut di bawah kode seperti ini:<br /><br /><kode>/*<br />Blogger Template Style<br />Name<br />Author st<br />*/<br /><br /><br />atau di atas<br /><br />/* Variable Definitions<br />bla bla.....<br />*/ </kode><br /><div><br />Okey Sekian Tutorial Memperbaiki Tata Letak Blogger/Layout,Silahkan Mencoba...</div></div>

Pada kesempatan kali ini saya akan memberikan tutorial cara membuat "Link Partner/Tukar Link" seperti yang dipakai pada blog <span style="color: blue;">Mas Teja / </span><a href="https://mastamvan.blogspot.co.id/" style="color: blue;">Blog Mas Tamvan</a><span style="color: blue;">. </span><br />
<br />
Untuk penampakan bisa kalian lihat di pada gambar bawah ini .<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://s15.postimg.org/c8xvnueaj/Sitelink.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="414" src="https://s15.postimg.org/c8xvnueaj/Sitelink.png" width="640" /></a></div>
<br />
<div style="text-align: center;">
Atau</div>
<div style="text-align: center;">
<div id="wrap">
<a class="btn-slide" href="http://slideseo.blogspot.co.id/p/link-partner.html" target="_blank"><span class="circle"><i class="fa fa-rocket"></i></span><span class="title">Disini</span><span class="title-hover">Click here</span>  </a></div></div>
Untuk pemasangannya ikuti langkah-langkah berikut :<br />
1. Masuk Ke Blogger<br />
2. Klik Pada Bagian Membuat Laman<br />
3. Kemudian Buat Laman Baru, Beri Judul Sesuai Keinginan Kalian Masing-masing,<br />
4. Lalu Copy Kode Dibawah Ini Dan Pastekan  Pada Bagian <kode><span style="color: blue;">HTML</span></kode> Bukan <kode><span style="color: red;">COMPOSE</span></kode><br />
<br />
<pre title="HTML" data-codetype ="JavaScriptku"><code class="language-javascript">
<div class="Buka">

<a href="<span style="background-color: #e06666;">http://slideseo.blogspot.co.id/</span>" target="_blank" title="<span style="background-color: lime;">SlideSeo Blog</span>"><span style="background-color: lime;">SlideSeo Blog</span></a></h3>

</div>

</li>

<a href="<span style="background-color: #e06666;">https://mastamvan.blogspot.co.id/</span>" target="_blank" title="<span style="background-color: lime;">Blog Mas Tamvan</span>"><span style="background-color: lime;">Blog Mas Tamvan</span></a></h3>

</div>

<span style="background-color: blue;">Kumpulan Tutorial Singkat Tentang Blogger, Tools Online Dan Tips Trik Lainnya</span></div>

</li>

<a href="<span style="background-color: #e06666;">https://www.facebook.com/declined.payment</span>" target="_blank" title="<span style="background-color: lime;">Blog Kalian</span> ?"><span style="background-color: lime;">Blog Kalian ?</span></a></h3>

</div>

<span style="background-color: blue;">Mari Gabung Untuk Menjadi Bagian Dari Partner Blog Ini.</span></div>

</li>

</ul>

</div>

<br />

//<![CDATA[

function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }

loadCSS("https://cdn.rawgit.com/slideseo-blog/slideseo.js/master/Part.css");

//]]>

</script>

Seocips Template Demo

Memperbaiki Tata Letak Blogger/Layout

Membuat Link Partner Modif Ala Mastamvan

Bottom Ad (728x90)

Popular

Blog Labels

Blog Archive

Inspirasi

Inspiratif

Join This Site

Tips