Cara membuat simple related post friendly

Related post atau Artikel terkait adalah salah 1 widget yang bisa membantu Anda meningkatkan pageview blog Anda. Oleh karena itu banyak dari kalangan blogger yang menggunakan widget ini pada blog-blog yang mereka miliki. Selain itu, widget ini juga membantu pengunjung Anda untuk mendapatkan Artikel terkait dari artikel yang sedang mereka lihat tanpa harus mencarinya terlebih dahulu.

Lantas Bagaimana cara membuat widget related post/artikel terkait pada blog ?

Terdapat berbagai cara untuk membuat widget related post dan tentunya related post yang dihasilkan pun jelas berbeda-beda. Disini saya akan membagikan sebuah tutorial cara membuat widget related post yang berupa list dari artikel terkait yang Anda miliki. Widget related post ini cukup friendly dan tidak terlalu memberatkan loading blog Anda. Berikut ini langkah-langkahnya :

 

1. Login ke akun Blogger Anda

2. Masuk ke menu Template > edit html

3. Letakkan kode berikut ini diatas kode </head>

<!-- Script Related Post rendilesmanatips.blogspot.com start -->
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>

<!-- Script Related Post Rendilesmanatips.blogspot.com END -->

4. Letakkan kode berikut tepat di bawah <data:post.body\>

 <b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<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=5&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h5>Related Post</h5>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Keterangan :
- Ganti tulisan hijau untuk mengganti judul widget.
- Angka berwarna biru adalah Angka yang menunjukkan artikel terkait yang akan muncul.