MEMBUAT ARTIKEL TERKAIT

Artikel terkait atau related post sangat dibutuhkan pada blog untuk menunjukkan kepada pengunjung tentang artikel apa saja yang ada pada blog sekaligus menambah nilai seo pada blog anda. sebenarnya banyak yang memposting tentang membuat artikel terkait  tapi dari beberapa artikel yang saya temui ada yang tidak bisa tetapi ada juga yang masih bisa. Nah kali ini saya akan berbagi script yang dibutuhkan dalam membuat artikle terkait. ok langsung saja ini dia caranya :

1. cari kode ]]></b:skin> jika sudah ketemu taruh kode dibawah ini sebelum kode ]]></b:skin>

<!-- script artikel terkait 2 -->

#related-posts{ background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjht6EV3Dr7GdtN4P64_cBIEmhpopF2Kl1UZGu1We9J5htMNTumAqf6h2J9N-VkuEv6VyeQzOETtxJAzv_mcvhpBDBsOn2-W4Ejypa3u1Juv9VgOh-32RhRiZDDMWAThUZDo9JkZOv1hqww/s1600/related-infoindong-2.png') no-repeat bottom right; border-style: double; border-color: blue;
clear:both;
color:#CCC;
margin-bottom:2px;
margin-top:2px;
padding:5px;
height:155px;
}
#related-posts h3{
background:none;margin:0 0 10px 0;padding:8px 0 4px 0;color:#0062AB;font-size:16px !important;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;text-decoration:none;text-transform:uppercase;
margin-bottom:0.5em;
margin-top:0;
}
#related-posts ul {
list-style:none outside none;
margin:0;
padding:0;
}
#related-posts ul li{
display:list-item;
background:url(http://www2.blogblog.com/rounders/icon_arrow_sm.gif) no-repeat scroll 2px 0.4em transparent;
border-bottom:1px dotted #BBB;
line-height:1.4em;
margin:0 0 3px;
padding:0 0 3px 16px;
}
#related-posts ul li:last-child{
border-bottom:1px dotted #BBB;
}
#related-posts ul li a{
text-decoration:none;
}
#related-posts-loadingtext{
color:green;
}

<!-- acript artikel terkait 1 -->

2. cari salah satu kode ini

<div class='post-footer-line post-footer-line-1'/>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>

jika sudah ketemu taruh kode di berikut ini di bawah salah satu kode di atas

<!-- script artikel terkait 2-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='clear:both;'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://infoindong-dot-com.googlecode.com/files/related-posts-widget-1.0.js' type='text/javascript'/>
<script type='text/javascript'>
relatedPostsWidget({
&#39;containerSelector&#39;:&#39;div.post-body&#39;
,&#39;loadingText&#39;:&#39;Artikel Terkait...&#39;
,&#39;relatedTitle&#39;:&#39;Artikel Terkait&#39;
});
</script>
</div>
</b:if>
<!-- script Artikel Terkait 2-->

3. klik simpan dan lihat hasilnya

sekian artikel dari saya bila ada yang eror silahkan berkomentar.

TERIMA KASIH

---