Tutorial Mudah Membuat Artikel Terkait / Related Post

Membuat artikel terkait atau related post dalam sebuah artikel sama pentingnya dengan ketika anda memasang breadcrumb di blog. Dengan membuat artikel terkait dalam postingan, pengunjung blog akan mengetahui jika artikel yang dibaca masih ada artikel yang berhubungan dengan artikel tersebut sehingga hal ini akan meningkatkan page view artikel blog anda jika pengunjung atau pembaca artikel blog tersebut melanjutkan bacaanya yang ada di bagian artikel terkait.

Artikel terkait atau related post umumnya berada di bagian bawah artikel blog namun tak jarang para blogger memasang artikel terkait ini dibagian samping kanan blog atau sidebar.

Berikut cara membuat artikel terkait (Related Post) seperti yang ada dalam blog ini (lihat gambar diatas)

1. Masuk ke akun Blogger anda
2. Klik Template >> Edit HTML >> centang Expand Widget Template >> tekan Ctrl+F pada keyboard
3. Cari kode </head>
4. Tambahkan kode berikut tepat diatas atau sebelum </head>
   <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>
5. Kemudian cari kode <data:post.body/>
6. Tambahkan kode berikut setelah atau dibawah kode <data:post.body/>
   <b:if cond='data:post.labels'>
   <b:loop values='data:post.labels' var='label'>
   <b:if cond='data:blog.pageType == "item"'>
   <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
   </b:if>
   </b:loop>
   </b:if>
   
   <b:if cond='data:blog.pageType == "item"'>
   <h4>Artikel Terkait</h4>
   <script type="text/javascript">
   removeRelatedDuplicates();
   printRelatedLabels();
   </script>
   </b:if>

Demikian Tutorial Mudah Membuat Artikel Terkait / Related Post