Pasang Related Post Bergambar

Kali ini saya akan menjelaskan sesuai dgn pengalaman saya di blogger, tentang cara memasukkan gambar did blog disertai keterangan, dan bisa buka tab baru, atau bahasa bloggernya adalah pasang related post bergambar, ok kita simak baik2 di bawa ini :

Kemaren salah satu teman blogger bertanya pada saya. gimana sih bikin related post bergambar di bawah postingan.caranya sangat lah gampang, selain menjawab pertanyaan teman kita yuzar tentunya juga untuk teman-teman blogger bagi pemula. yang belum tahu banyak tentang blogger... ya sama kayak saya yang masih belajar. kita langsung aja ya!!! anda cukup ikuti petunjuk - petunjunk di bawah ini :

• anda login dulu.
• kemudian pilih Tata letak / Edit HTML
• kemudian cari code </head>
• masukkan code di bawah ini di atas </head>
  
  
  
  
  &lt;!--Related Posts with thumbnails Scripts and Styles Start--&gt;
  &lt;b:if cond=&#039;data:blog.pageType == &amp;quot;item&amp;quot;&#039;&gt;
  &lt;style type=&quot;text/css&quot;&gt;
  #related-posts {
  float:center;
  text-transform:none;
  height:100%;
  min-height:100%;
  padding-top:5px;
  padding-left:5px;
  }
  
  #related-posts h2{
  font-size: 1.6em;
  font-weight: bold;
  color: black;
  font-family: Georgia, &amp;#8220;Times New Roman&amp;#8221;, Times, serif;
  margin-bottom: 0.75em;
  margin-top: 0em;
  padding-top: 0em;
  }
  #related-posts a{
  color:black;
  }
  #related-posts a:hover{
  color:black;
  }
  
  #related-posts a:hover {
  background-color:#d4eaf2;
  }
  &lt;/style&gt;
  &lt;script src=&#039;http://blogergadgets.googlecode.com/files/relatedthumbs19.js&#039; type=&#039;text/javascript&#039;/&gt;
  &lt;/b:if&gt;
  &lt;!--Related Posts with thumbnails Scripts and Styles End--&gt;
• kemudian cari code berikut
  
  
  
  <div class='post-footer-line post-footer-line-1'>
  
  atau code berikut
  
  
  <p class='post-footer-line post-footer-line-1'>
• kalau udah ketemu masuk kan code dibawah ini persih di bawah code diatas
  
  
  
  
  <!-- Related Posts with Thumbnails Code Start-->
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='related-posts'>
  <b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.isLast != &quot;true&quot;'>
  </b:if>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
  <script type='text/javascript'>
  var currentposturl=&quot;<data:post.url/>&quot;;
  var maxresults=5;
  var relatedpoststitle="Related Posts";
  removeRelatedDuplicates_thumbs();
  printRelatedLabels_thumbs();
  </script>
  </div><div style='clear:both'/>
  </b:if>
  <!-- Related Posts with Thumbnails Code End-->
• kemudian simpan Selesai deh

Anda bisa merubah Related Posts dengan kata-kata yang anda suka. selamat mencoba dan jangan lupa comment nya ya gan, oklay,, awas kalo ngk,, hehehe,,, sorry pemaksaan namanya wwkwk,,, oklah moga bermafaat bagi anda semua . thank's
Cara memasang Related Post Bergambar di blog, tutorial menambah Related Post Bergambar pada blog, Related Post Bergambar tutorial, aplikasi Related Post Bergambar pada blogpot. tips menambah Related Post Bergambar di blog, pasang Related Post Bergambar di blogger.