Memperbaiki Tata Letak Blogger/Layout

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>

Diposting oleh Mimin SlideSeo

Membuat Link Partner Modif Ala Mastamvan

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"> <ul class="BlogList"> <li class="ArticleTeaser">       <h3 class="ArticleTeaser-title"> <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 class="ArticleTeaser-bubble"> </div> <div class="ArticleTeaser-date"> <span style="background-color: blue;">|Tutorial Dan Cara blogging untuk pemula | Tips SEO | Cara membuat blog  | Google adsense|</span></div> </li> <li class="ArticleTeaser">       <h3 class="ArticleTeaser-title"> <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 class="ArticleTeaser-bubble"> </div> <div class="ArticleTeaser-date"> <span style="background-color: blue;">Kumpulan Tutorial Singkat Tentang Blogger, Tools Online Dan Tips Trik Lainnya</span></div> </li> <li class="ArticleTeaser">       <h3 class="ArticleTeaser-title"> <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 class="ArticleTeaser-bubble"> </div> <div class="ArticleTeaser-date"> <span style="background-color: blue;">Mari Gabung Untuk Menjadi Bagian Dari Partner Blog Ini.</span></div> </li> </ul> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js" type="text/javascript"></script> <br /> <br /> <script> //<![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> <script src="https://cdn.rawgit.com/slideseo-blog/slideseo.js/master/Part.js" type="text/javascript"></script> </code></pre> <br /> <div class="keterangan"> Pengaturan :<br /> <br /> - Untuk Yang Saya Tandai Warna <span style="background-color: #e06666;">Merah</span> : Sesuaikan Dengan Alamat/Link/Url Blog<br />                                                                                                   Dari Partner Link Blog Kalian.<br /> - Untuk Yang Saya Tandai Warna  <span style="background-color: lime;">Hijau</span>  : Sesuaikan Dengan Nama Blog<br />                                                                                                   Dari Partner Link Blog Kalian.<br /> - Untuk Yang Saya Tandai Warna  <span style="background-color: blue;">Biru</span>    : Sesuaikan Dengan Deskripsi Dari Masing-Masing<br />                                                                                                    Partner Link Blog Kalian.   </div> <br /> 5. Langkah Terakhir Preview Terlebih Dahulu. Jika Sudah Sesuai Keinginan Klik Simpan Dan Publikasikan<br /> 6. Selesai<br /> <br /> Okey Sekian Tutorial Membuat Link Partner Modif Ala Mastamvan..

Diposting oleh Mimin SlideSeo

Membuat Daftar Isi Modif Ala Mastamvan

Okey pada kesempatan kali ini kita akan membahas tentang cara membuat daftar isi blog seperti yang dipakai oleh <span style="color: blue;">Mas Teja / <a href="https://mastamvan.blogspot.co.id/" target="_blank">Blog Mas Tamvan</a></span><br /> <br /> Untuk penampakan bisa kalian lihat dpada gambar dibawah ini.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://s13.postimg.org/z0tgtjl1z/Daftar_Isi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="416" src="https://s13.postimg.org/z0tgtjl1z/Daftar_Isi.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/contoh-daftar-isi-mastamvan.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 data-codetype="JQueryku" title="HTML"><code class="language-javascript"> <style type="text/css">.post-body{background:#87D37C;margin:0;padding:0;position:relative;line-height:normal}.daftarisi a{color:white;text-decoration:none}.daftarisi{font-family:Roboto,sans-serif;font-weight:200;font-size:16px;line-height:1.5;padding:4rem 1rem}.daftarisi p{width:100%;text-align:center;background:#DDD;padding:5px 0 5px 0;margin:0px;font-weight:bold}.daftarisi p a{color:#443;display:block}.MasTamvan_postname{counter-reset:list-counter;display:block;margin-top:0px;padding-left:1em}@media(min-width:40em){.MasTamvan_postname{-webkit-columns:2 auto;-moz-columns:2 auto;columns:2 auto;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}}.MasTamvan_postname .kangTS{background-image:-webkit-linear-gradient(270deg,#ddd 0%,#ddd 100%);background-image:linear-gradient(180deg,#ddd 0%,#ddd 100%);background-repeat:no-repeat;background-size:2px 100%;background-position:1rem center;display:block;min-height:1rem;padding-top:0.3rem;padding-bottom:3.5rem;padding-left:3rem;position:relative}.MasTamvan_postname .kangTS:nth-child(odd)::before{background-position:center 90%}.MasTamvan_postname .kangTS:nth-child(even)::before{background-position:center 100%}.MasTamvan_postname .kangTS::before{background:#0082d5;background:-webkit-linear-gradient(270deg,#0082d5 0%,#a234d5 50%,#d74059 100%);background:linear-gradient(180deg,#0082d5 0%,#a234d5 50%,#d74059 100%);background-repeat:no-repeat;background-size:2rem 20rem;border-radius:50%;color:white;content:counter(list-counter);counter-increment:list-counter;display:block;height:2rem;left:0;line-height:2;position:absolute;text-align:center;width:2rem}.new{color:red!important;font-weight:700;font-style:italic}</style> <script type="text/javascript"> eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('f W(t){f s(){m("B"I t.C){2 s=t.C.B.8;J=s,d=0;9(2 a=0;s>a;a++){9(2 e,o=t.C.B[a],r=o.D.$t,l=o.X.$t.K(0,10),p=0;p<o.q.8;p++)m("Y"==o.q[p].L){e=o.q[p].w;x}9(2 i="",p=0;p<o.q.8;p++)m("Z"==o.q[p].L){i=o.q[p].w;x}2 n="";m("E"I o)9(2 p=0;p<o.E.8;p++){n=o.E[p].11;2 b=n.12(";");-1!=b&&(n=n.K(0,b)),4[d]=n,3[d]=r,5[d]=l,7[d]=e,c[d]=i,10>a?6[d]=!0:6[d]=!1,d+=1}}}}s(),v="F",G(v),M(),N=!0,O(),g.h()}f G(t){f s(t,s){2 a=3[t];3[t]=3[s],3[s]=a;2 a=5[t];5[t]=5[s],5[s]=a;2 a=7[t];7[t]=7[s],7[s]=a;2 a=4[t];4[t]=4[s],4[s]=a;2 a=c[t];c[t]=c[s],c[s]=a;2 a=6[t];6[t]=6[s],6[s]=a}9(2 a=0;a<3.8-1;a++)9(2 e=a+1;e<3.8;e++)"F"==t&&3[a]>3[e]&&s(a,e),"13"==t&&3[a]<3[e]&&s(a,e),"14"==t&&5[a]>5[e]&&s(a,e),"15"==t&&5[a]<5[e]&&s(a,e),"P"==t&&4[a]>4[e]&&s(a,e)}f M(){v="P",G(v);9(2 t=0,s=0;s<3.8;){j=4[s],y=t;Q t+=1;R(4[t]==j);m(s=t,H(y,t),s>3.8)x}}f H(t,s){f a(t,s){2 a=3[t];3[t]=3[s],3[s]=a;2 a=5[t];5[t]=5[s],5[s]=a;2 a=7[t];7[t]=7[s],7[s]=a;2 a=4[t];4[t]=4[s],4[s]=a;2 a=c[t];c[t]=c[s],c[s]=a;2 a=6[t];6[t]=6[s],6[s]=a}9(2 e=t;s-1>e;e++)9(2 o=e+1;s>o;o++)3[e]>3[o]&&a(e,o)}f O(){9(2 t=0,s=0;s<3.8;){j=4[s],g.h("<p/>"),g.h(\'<z A="16"><a w="/17/18/\'+j+\'" D="\'+j+\'" S ="T">\'+j+"</a></z><u A=\'19\'>"),y=t;Q g.h("<v A=\'1a\'>"),g.h(\'<a w="\'+7[t]+\'" D="\'+3[t]+\'" S ="T">\'+3[t]+"</a>"),1==6[t]&&g.h(\' - <z A="k">1b!</z>\'),g.h("</V>"),t+=1;R(4[t]==j);m(s=t,g.h("</U>"),H(y,t),s>3.8)x}}2 1c="1d",3=k u,7=k u,c=k u,5=k u,4=k u,6=k u,v="F",N=!1,1e=1f,1g="",J=0;',62,79,'||var|postTitle|postLabels|postDate|postBaru|postUrl|length|for|||postMp3|ii||function|document|write||MasTamvan_Labels|new||if||||link||||Array|sortBy|href|break|firsti|span|class|entry|feed|title|category|titleasc|sortPosts|sortPosts2|in|numberfeed|substring|rel|sortlabel|Tamvan_MenuisiLoaded|displayMasTamvan_Menuisi2|orderlabel|do|while|target|_blank|ol|li|SlideSeo_Blog|published|alternate|enclosure||term|lastIndexOf|titledesc|dateoldest|datenewest|MasTamvan_namaLabel|search|label|MasTamvan_postname|kangTS|New|periksa|100|numChars|250|postFilter'.split('|'),0,{})) </script> <br /> <div class="daftarisi"> <script src="https://<span style="background-color: #e06666;">slideseo.blogspot.com</span>/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=SlideSeo_Blog"></script> </div> <div> </div> </code></pre> <br /> <div class="keterangan"> Pengaturan :<br /> - Ganti Kode Yang Saya Tandai Warna <span style="background-color: #e06666;">Merah</span> Dengan Alamat/Url Blog Kalian Masing-masing</div> <br /> 5. Langkah Terakhir Preview Terlebih Dahulu. Jika Sudah Sesuai Keinginan Klik Simpan Dan Publikasikan<br /> 6. Selesai.<br /> <br /> Tambahan<br /> Jika Terjadi Error Pada Tampilannya, Silahkan Cari Kode <kode><span style="font-family: monospace; white-space: pre-wrap;">min-height,</span><span style="font-family: monospace; white-space: pre-wrap;">padding-top,</span><span style="font-family: monospace; white-space: pre-wrap;">padding-bottom</span></kode><br /> Setelah Ketemu Edit Pada Bagian Angkanya/ukurannya atau bisa juga me-Replace ketiga kode tersebut dan menggantinya dengan kode berikut<br /><kode><span style="font-family: monospace; white-space: pre-wrap;">min-height:2rem;padding-top:1rem;padding-bottom:1rem;padding-left:3rem</span></kode>

Diposting oleh Mimin SlideSeo

Membuat Thumbnail Pada Popular Post No Image

<div class="separator" style="clear: both; text-align: center;"> <a href="https://s16.postimg.org/diqjui2f9/Thumbnaill.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="422" src="https://s16.postimg.org/diqjui2f9/Thumbnaill.png" width="640" /></a></div> Langsung saja tapa basa-basi ikuti langkah-langkah berikut ini.<br /> 1. Buka Blogger ⇨ Template ⇨ Edit HTML,<br /> 2. Lalu Cari Kode/Kode Yang Persis Dengan Kode Dibawah Ini<br />     <kode><b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'></kode> <br />     Atau Bisa Mengikuti Langkah Berikut<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://s21.postimg.org/6ora26a5z/Berikut_compressor.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="330" src="https://s21.postimg.org/6ora26a5z/Berikut_compressor.gif" width="640" /></a></div> <br /> 3. Setelah Kode Tersebut Ketemu, Silahkan Ganti Dengan Kode Berikut Ini.<br /> <br /> <div class="keterangan"> Perhatian :<br /> Ganti Kode Mulai Dari <kode><b:widget id </kode> sampai ke <kode></b:widget></kode><br /> Jangan Sampai Salah, Kalau Salah Malah Error Entar Template Kalian..</div> <br /> Berikut Kodenya :<br /> <br /> <pre data-codetype="HTMLku" title="HTML"><code class="language-markup"> <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>             <b:includable id='main'>   <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>   <div class='widget-content popular-posts'>   <ul>       <b:loop values='data:posts' var='post'>       <li>         <b:if cond='!data:showThumbnails'>           <b:if cond='!data:showSnippets'>             <!-- (1) No snippet/thumbnail -->             <a expr:href='data:post.href' target='_blank'><data:post.title/></a>           <b:else/>             <!-- (2) Show only snippets -->             <div class='item-title'><a expr:href='data:post.href' target='_blank'><data:post.title/></a></div>             <div class='item-snippet'><data:post.snippet/></div>           </b:if>         <b:else/>           <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->           <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'> <div class='item-thumbnail'> <a expr:href='data:post.href' expr:title='data:post.title'> <b:if cond='data:post.thumbnail'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> <b:else/> <img alt='' border='0' expr:height='data:thumbnailSize' expr:width='data:thumbnailSize' src='<kode style="background-color: #e06666;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqfigzB1kv7J-6u_uXRC3vCcmr1wO4kfkt4PBgdU2xlnj9gnJlpPTlKcf_9D5j5Wg2YkQZjhliYWbjB5WMLwLyQ7teu_eTefB98qwoyl_1yIktgUH5u1HmFw03ukFpD-7Ja2bWK0VcU0E/s1600/no_thumb.png</kode>'/> </b:if> </a> </div>             <div class='item-title'><a expr:href='data:post.href' target='_blank'><data:post.title/></a></div>             <b:if cond='data:showSnippets'>               <div class='item-snippet'><data:post.snippet/></div>             </b:if>           </div>           <div style='clear: both;'/>         </b:if>       </li>       </b:loop>     </ul>   </div> </b:includable>           </b:widget> </code></pre> <br /> 4. Langkah Selanjutnya Ganti Kode/Url Yang Bewarna <span style="background-color: #e06666;">Merah</span> Dengan Url Image Yang Anda Inginkan.<br /> 5. Silahkan Pratinjau/ Preview Dulu Tampilannya, Jika Sudah Berhasil Klik Simpan Template.<br /> 6. Selesai.

Diposting oleh Mimin SlideSeo