Cara 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.

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 cara membuat artikel terkait atau related post dari saya semoga bermanfaat, Baca juga Cara membuat efek salju di blog

 

Ditulis Oleh : blogging ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Cara Membuat Artikel Terkait (Related Post). Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="https://blogermasadepan.blogspot.com/2013/05/cara-membuat-artikel-terkait-related.html" target="_blank">Cara Membuat Artikel Terkait (Related Post)</a>

:: Get this widget ! ::

Artikel Terkait