Cara Membuat Artikel Terkait Didalam Post

Cara Membuat Artikel Terkait Didalam Postb ini juga merupakan artikel yang jarang dibahas di blog lain, artikel ini dibuat untuk arsip pribadi, jika suatu saat ada klien yang ingin minta dibuatkan blog dengan tampilan "Artikel Terkait Didalam Post atau Artikel".

Berikut gambar dari hasil menerapkan yang telah saya terapkan kedalam blog saya yang lain

DEMO

Berikut Cara Membuat Artikel Terkait Didalam Post

1. Masuk ke akun Blogger anda>/li>
2. Klik Template >> Edit HTML >> centang Expand Widget Template >> tekan Ctrl+F pada keyboard
3. Cari kode </head>
   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>
4. Cari kode <div class='post-header-line-1'/>
5. Letakkan kode berikut tepat dibawah <div class='post-header-line-1'/>
   <div style='width: 640px;'> <div style='background:#DCDCDC;clear: right; float: right; margin-right: 10px;margin-left: 10px;margin-top: 15px;'>
   <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;'>
   <h4>Artikel Terkait</h4>
   <script type='text/javascript'>
   removeRelatedDuplicates();
   printRelatedLabels();
   </script>
   </b:if>
   </div></div>
6. Preview blog terlebih dahulu. Jika tidak error, silahkan Simpan
7. Selesai

Tambahan :
Ganti width: 640px; dengan lebar area postingan blog anda
Ganti float: right; jika anda ingin menampilkan widget aertikel terkait berada disebelah kiri menjadi float: left;

Terimakasih telah berkunjung dan jangan lupa untuk meninggalkan sedikit komentar untuk artikel ini, Cara Membuat Artikel Terkait Didalam Post