Cara Pasang Related Post Di Blogspot

Related post atau sering di sebut juga artikle terkait, merupakan salah satu unsur penting dalam bermain blogspot, keuntungan related post sangat banyak sob, saking banyaknya gw cuma tau 2 saja, hahahaha. Dengan adanya related post kita dapat memudahkan pengunjung kita bila ingin mencari artikle2 terkait yang ada di blog kita, selain itu, juga dapat mempercantik tampilan blog (mendingan mempercantik bini kali ya, lebih asyik)...
hohoho
Ini Skrinsut Related Post nya (contohnya ya di blog saya ini)

Udah lah, gk usah panjang lebar, to the point wae...
Berikut Cara Pasang Related Post Di Blogspot :
1. Log in di blogger dulu, masuk ke halaman dasbord sobat
2. Klik Design/Tata Letak > Klik Edit HTML
3. Centang Expand Widget Templates
4. Cari kode ini (Biasa pake CTRL + F biar cepet ketemu)

</head>

5. Terus copas kode di bawah ini, tepat di atasnya kode </head>

<!--Related Posts 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:0px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:5px;

}
#related-posts .widget h2, #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.5em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:red;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqkExLUPyCaqHthAguPuuZxCXMu_6C9hJB4xntff85VOwwSZjncSyRAJP1gNH5izc8SobwMGu0IqidLCipWhX9B1CuVGOUJS9vVNI8Uhj_N6SWe95G9pblH0AQr5p75QN_VBmDUGsn4P6O/s1600/list_bg.png) center left no-repeat ;
display:block;
list-style-type:none;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 20px;
padding-top:0px;}
</style>

<script type='text/javascript'>
var relatedpoststitle=&quot;Baca Ini Juga Ya... (Kudu Di Woco, Wajib!!)&quot;;
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/>

<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->

Tulisan yang berwarna merah mau di ganti apa aja terserah ente, itu judul Related Postnya, seperti contoh gambar di atas.

6. Selanjutnya, cari kode berikut ini

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

 Bila gk ketemu, cari kode alternativ berikut :

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

7. Setelah ketemu, copas kode berikut ini tepat di bawahnya kode pada langkah no.6:

<!-- Related Posts Code Start http://ayakayakwae.blogspot.com -->

<!--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>
<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&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'><img alt='Related Posts Widget for Blogger' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a>

<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>

<!--Remove--></b:if>
<!-- Related Posts Code End-->

 Tulisan yg berwarna merah menunjukkan jumlah related post yg mau di tampilkan.

8. Selamat Mencoba, Semoga berhasil XD.