Cara Menambahkan Related Post Di Blog

Selamat Siang Semua.
Pada Kesempatan Saya Kali Ini Saya Akan Berbagi Tutorial Tentang Cara Menambahakan "Related Post" Pada Blog Kalian.

Related Posts Merupakan Widget Blog Yang Biasa Di Gunakan Untuk Menampilkan Posting Terkait Yang Terdapat Pada Suatu Halaman Posting Blog.

Oke Langsung Aja Saya Mulai .


1. Buka Blog Kalian

2. Kemudian Pergi Ke Templates >> Edit Html

3. Cari Kode Berikut : </head> [Tekan "Ctrl+F" Untuk Menemukannya]

4. Copy Kode Berikut Ini Tepat Di Atas "</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: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_wlRLCn1DSAfvlBMFZYL7UCe-UiI1B1Ly1lP3wnrnpYI6tp_IlsSeY4C7MxXbqlL5bOhEcrLqGsWh1EorhM2Vg3aQRlReNKXIOaG1X5gep5Ge8lnFtCsztxcSnT2tMAzzSlguJ6yVMJDF/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

5. Setelah Itu Cari Kode Berikut : "<div class='post-footer'>"

6. Kemudian Copy Paste Kode Berikut Tepat Di Bawah "<div class='post-footer'>"

<!-- 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://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp2O9gYh1_6RmjobUBVXB__05Lcd27xTAo1vrxREDY244g0e7Yma4f9bHJmPoWr84JBBu29Y8wQ8ZX4tzfTUlb_oBvatPxUNjyyvnu7wBLzIpF1rS4rVQ9D7z0tp6FDG8oH7_wGxkxrXEY/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

7. Selesai. :D

*Jika Ada Yang Kurang Jelas Silahkan Berkomentar