Cara Membuat Artikel Terkait di Blogger

Kali ini saya mau ngeshare tutorial membuat artikel terkait di blogger. Sedikit pengertian dengan adanya artikel terkait ini dapat mempermudah para pengunjung dalam suatu hal dalam postingan yang sama dan artikel terkait ini bagus untuk optimasi SEO.

Oke langsung saja tak usah berlama-lama lagi simak langkah-langkahnya bagi yang mau membuat artikel terkait.

1. Pertama lo harus punya akun blogger tentunya habis itu login.


2. Kemudian klik dashboard blog kamu klik Template > Edit HTML > centang Expand Widget Template.


3. Cari kode </head> dan letakan kode di bawah ini tepat di atasnya.
   
   <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 printRelatedLabel(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ol>');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('</ol>');document.write();}//]]>
   </script>


4. Selanjutnya cari kode <data:post.body/> dan letakan kode dibawah ini dibawahnya.
   
   <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=10"' 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>


5. Terakhir klik Simpan Template dan lihat Hasilnya

Perhatikan: 10 tanda 10 yang berwarna merah di kodenya adalah tampilan judul yang di tampilkan di artikel terkaitnya dan tulisan Artikel Terkait merah di kodenya bisa kalian ganti dengan kata lain.

Sekian dari saya semoga dapat membantu juga bermanfaat dan terima kasih.