Cara Membuat Artikel Terkait Didalam Post

Cara Membuat Artikel Terkait Didalam Post ini juga merupakan artikel request dari mas Imam yang telah berkomentar Disini seumpama dimasukkan dalam post gimana ya caranya?? Cara membuat artikel terkait sudah saya ulas di cara membuat artikel terkait dan memang tampilannya adalah tampilan umum yang biasa digunakan oleh setiap blog yaitu berada dibawah artikel dan sesuai permintaan dari mas Imam maka secara khusus saya buatkan artikel lanjutan ini dari artikel sebelumnya yaitu Cara Membuat Artikel Terkait Didalam Post

Berikut gambar dari hasil menerapkan cara membuat artikel terkait didalam post yang telah saya terapkan kedalam blog saya yang lain

DEMO

Berikut Cara Membuat Artikel Terkait Didalam Post

1. Masuk ke akun Blogger sobat>/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 sobat
Ganti float: right; jika sobat 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