Cara membuat "Related Post" di Bloger

Panduan Blogger untuk blogger pemula. Panduan blogger yang akan membahas dan menjelaskan tentang Panduan Cara Membuat "Related Post" di blog. Related post atau Artikel Terkait pada blog mempunyai peran penting untuk blog itu sendiri dan akan memudahkan para pengunjung blognya untuk menemulan artikel yang mungkin mereka anggap menarik. Dalam hal ini penggunaan Related Post atau Artikel Terkait memang membantu pengunjung blog dan juga membantu pemilik blog itu sendiri, sehingga setiap artikel / postingan dapat dimungkinkan untuk dibaca oleh pengunjung.

Berikut Panduannya / langkah" nya :

1. Login  ke akun blog sobat
2. Setelah login, klik EDIT HTML
3. Centang "Expand Widget Templates"
4. Sekarang cari kode </head> ,untuk pencarian termudah silahkan sobat tekan Ctrl + F pada keyboard komputer sobat.
5. Copy dan Paste kode di bawah ini persis diatas kode </head> :

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#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, &#8220;Times New Roman&#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;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZaM_YUJDFk8o1PbsriNrNM3V9qxDTSkKHLs4tLoxHj7jI8kAWFGp3IU2GD1xtK-EuOz7dyp5aFSrVXgyZ80nTXAXxa3lElGuZGi2bKu4r4uoEJLCzuzNoyoDD5aQgqpQ6E6u8AUbKGbY/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

   

       

    8.   Langkah selanjutnya sobat cari kode :

       <div class='post-footer-line post-footer-line-1'>

     9.   Cara mencarinya sama seperti panduan no. 4

   10.   Jika sobat tak menemukan kode tersebut,silahkan sobat cari kode:

       <p class='post-footer-line post-footer-line-1'>  

   11.   Copy dan Paste kode di bawah ini dan letakkan di bawah kode di atas

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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>
<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:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

 
  12. Simpan, dan lihat hasilnya.....

Semoga Bermanfaat.......