How To Make Related Post ?

Hari ini gua coba posting pakai Bahasa inggeris tapi judulnya doang, maklum gie coba belajar buat postingan dengan bahasa inggeris (Inggris).

How To Make Related Post ... ?

ini inti permasalahan kita hari ini, yang di artikan kalau tidak salah kata google translate  "Bagaimana Membuat Related Post"
Sebelum kita bahas ada baiknya kita tahu dulu apa itu Related Post dan dimana dia akan kita letakkan.
Related Post ialah relasi dari tulisan yang artikel yang kita baca, dengan kata lain Related Post ini merupakan bagian dari artikel yang hampir berkenaan dengan artikel yang kita baca. Dimana Related Post ini terdapat?, biasanya related Post ini terdapat di bagian bawah artikel yang kita tulis.


Mungkin sekarang kita sudah paham apa itu Related Post, ayo kita lanjut dengan bagaimana cara memasang Related Post pada halaman artikel kita.

Kita menuju ke Dashboar  ==> Rancangan ==> Edit HTML

Carilah terlebih dahulu tag </head>

Kemudian Lanjutkan dengan menambah tag berikut tepat diatas tag </head> sebelumnya jangan lupa mencentang Expand Template Widget


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

}
#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.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#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/AVvXsEiZ0b4yZztNgxtEzsU1zZuvOKrnRGfuAmVTE-rQJopLB5GOGuXKt0vL-mS-l8AU8bsWDjx8fH5m9J5Q8MpmtoVlBinn_altdnW_gptyO0RPwrzB0SqBDE5KF5MLxYuF_S_Q69EHF1ec94E/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>

<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</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-->



Bila sudah lanjutkan dengan mencari tag berikut :
<div class='post-footer-line post-footer-line-1'>
atau bila kode tersebut tidak ketemu anda bisa mencari tag
<p class='post-footer-line post-footer-line-1'>

Bila sudah ketemu silahkan lanjutkan dengan menempel kode berikut tepat di bawah tag tadi
<!-- Related Posts 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>
<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 style="border: 0" alt="Related Posts Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>

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

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


Setelah Selesai silahkan anda simpan, kemudian silahkan buka salah satu artikel anda silahkan lihat di bagian bawah artikel anda apa yang muncul.

Untuk mengganti nama Related Post anda bisa melakukannya dengan mencari tag

var relatedpoststitle="Related Posts";

silahkan anda ganti dengan nama yang anda inginkan

Sekian dulu tutorial Related Post semoga bermanfaat buat semua Blogger Indonesia

berterima kasihlah kepada si pembuat script ini  blogergadgets dan bloggerplugins