Cara Membuat Artikel Terkait atau Related Post di Bawah Postingan Pada Blogspot

Cara Membuat Artikel Terkait atau Related Post di Bawah Postingan Pada Blogspot adalah tampilan dari beberapa artikel yang akan  muncul dibawah sebuah postingan anda ketika pengunjung membaca postingan anda. Artikel Terkait atau Related Post ini berfungsi agar pengunjung blog anda menjadi lebih mudah untuk mencari artikel yang ada pada blog anda

Langsung saja saya akan share tentang Cara Membuat Artikel Terkait atau Related Post di Bawah Postingan Pada Blogspot


1. Buka blogger.com lalu sign in untuk mengakses dashboard blog anda
2. Pilih Template lalu Edit Html
3. Centang Expand Template Widge
4. Temukan </head> lalu paste sript berikut tepat dibawahnya

 <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.2em;
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 src='http://kangdansen.googlecode.com/files/relatedpostwiththumbnail.js' type='text/javascript'/>
</b:if>

5. Selanjutnya cari <div class='post-footer-line post-footer-line-3'/> lalu paste Script berikut dibawahnya

<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.omseoli.com' 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=&quot;Postingan Terkait&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

6. Anda dapat mengganti teks yang berwarna biru diatas sesuai dengan keinginan anda
7. Simpan template dan lihat hasilnya

Sekian, semoga artikel ini dapat membantu JBU :)

Posted in: Blogging