Cara Membuat Related Post atau Artikel Terkait di Blogspot

Blogspot dengan tema bawaan tidak menyediakan fasilitas Related Post atau Artikel Terkait atau Postingan Terkait. Tetapi pada template premium biasanya sudah menyediakan widget ini.

Postingan Terkait atau Related Post berfungsi untuk menyediakan navigasi langsung kepada pengunjung blog ketika membuka suatu artikel sehingga pada saat membuka artikel tertentu si pengunjung dapat berinteraksi dengan konten/artikel yang terkait dengan postingan yang sedang dibaca.

Widget Artikel Terkait ini sangat penting diterapkan di blog/situs agar pengunjung senantiasa dapat dengan mudah mengakses beberapa artikel yang mungkin terkait dengan postingan yang sedang dibaca.

Selain memanjakan pengunjung widget artikel terkait ini juga sangat berguna untuk kesehatan blog/situs dibidang SEO. Dipastikan widget postingan terkait ini dapat memacu peningkatan jumlah kunjungan blog sekaligus untuk menurunkan bounce rate web.

Jika anda pengguna blog dengan template bawaan blogger misalnya template Contempo, Soho, Emporio, Notable, Essential, Simple serta template Awesome Inc ingin membuat widget related post atau postingan terkait anda dapat mengikuti cara berikut.

Berikut ini adalah cara serta langkah-langkah untuk membuat Related Post atau Artikel Terkait di Blogspot template bawaan.

#Langkah pertama
Pada blogger, silahkan masuk Edit HTML

#Langkah kedua
Letakkan kode berikut tepat di bawah <data:post.body/>

<br/><br/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='4'><b><i aria-hidden='true' class='fa fa-american-sign-language-interpreting fa-2x gradient-icon'>Related Posts</i> : </b></font><font color='#000'><b:loop values='data:post.labels' var='label'><data:label.name/><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=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

#Langkah ketiga
Letakkan kode berikut tepat di atas </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>
</b:if>


Keterangan:
Pastikan semua postingan Anda telah diberi Label. Misalnya Pendidikan, Internet, Kesehatan dan lain sebagainya. Jika postingan anda tidak diberi label, maka artikel terkait tidak akan muncul di blog Anda.

Penempatan widget Artikel Terkait yang saya jelaskan ini berada tepat dibawah postingan. Beberapa orang suka menempatkan widget related post ditengah-tengah artikel. Namun, pada dasarnya penempatan terbaik widget Artikel terkait berada di bawah postingan.

Artikel Terbaru