Membuat Artikel Terkait di Blog pada Template baru.

Membuat artikel terkait di bawah postingan blog akan memudahkan pengunjung blog kita dalam menemukan artikel terkait yang relevan dengan postingan blog kita. Hal tersebut dapat menarik ketertarikan pengujung untuk melihat-lihat artikel-ratikel yang terkait dengan postingan tersebut.

Untuk membuat artikel terkait dibawah postingan blog berikut caranya :

1. Masuk ke akun blog anda. lalu Klik Template dan pilih Edit HTML
   
   
2. Setelah itu Klik Lanjutkan.
   
3. Centang Expand Template Widget
   
   
4. Cari kode ]]></b:skin> Lalu simpan kode berikut di atas kode tersebut
   
   #related-posts { float : left; width : 500px; margin-top:10px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; }
   #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
   #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; }
   #related-posts ul { border : none; margin : 10px; padding : 0; }
   #related-posts ul li { display : block; background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuR8hF9lFjx4VSgm_58lgDVJu31ej7j7_I0a9SAllmhb7c-nr6yXwdlSjLTGWNhsWLKpfey9c8MoHPUx7PLzbem1azE3Csx_xtZB_uQehdXMFLtoXzXfXGGkB2bVZMPwoQCbAYNKILHoU/&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; padding-top : 2px; padding-bottom: 3px;}
5. Cari kode </head> Lalu masukkan code berikut 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 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>
6. Selanjutnya cari kode berikut:
   
   <div class='post-footer-line post-footer-line-2'/>
   Lalu masukkan kode berikut di bawah kode tersebut
   
   <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=10&quot;' type='text/javascript'/>
   </b:if>
   </b:loop>
   </b:if>
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div id='related-posts'><h4>Artikel Terkait :</h4>
   <script type='text/javascript'>
   removeRelatedDuplicates();
   printRelatedLabels();
   </script></div>
   </b:if>
7. Simpan Template anda

Selamat Mencoba....