Cara Membuat Related Post Di Bawah Posting

Cara Membuat Related Post Di Bawah Posting - Relate post ini lebih sering dijumpai berada di bawah posting, walau sebanarnya bisa juga diletakkan pada sedebar.
Kegunaan related post ini sangat penting bagi pengunjung guna mencari artikel terkait atau yang berhubungan dengan artikel yang sedang mereka baca.

Jika di blog Anda belum terdapat related post, Anda bisa memasangnya pada blog Anda. Jika ingin memasangsya Anda bisa ikuti bagaimana cara membuat related post di bawah posting.

Di bawah ini adalah kode related post yang bisa diterapkan pada template blog.
Pertama yang harus Anda lakukan adalah login ke blog Anda.

• Pilih blog yang ingin Anda pasang related post.
• Pilih template.
• Kemudian pilih edit HTML.
• Beri tanda pada Expand Widget Template.
• Cari kode :
  

  ]]></b:skin>

  
  
• Letakkan kode warna hijau di bawahnya, hingga hasilnya sepeti ini:
  

  ]]></b:skin> <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <style type='text/css'>
  #related-posts {float:center;text-transform:none; height:100%;padding-top:15px;padding-left:5px;border: 8px double #FFCC66; margin-top:20px;}
  #related-posts .widget {padding-left:5px;margin-bottom:10px;}
  #related-posts .widget h2, #related-posts h2 {font-size:1.6em;font-weight:bold;color:#CC6600;font-family:Arial, Verdana;margin-bottom:0.75em;margin-top:0em;padding-top:0em;}
  #related-posts a {color:#;}
  #related-posts a:hover {color:#;}
  #related-posts ul {list-style-type:none;margin:6px 0 10px 12px;padding:0;text-decoration:none;font-size:13px;}
  #related-posts ul li {list-style-type:none;margin-bottom:5px;padding-left:25px;padding-top:0;display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcjvYK1QCL3LustDlffjmdJytF58rrGH9dHswU8iuP4mT2SV1LVfz4xLSrR-lfAUFqAnhiljAVUCHoqrZt-ka6dhkyj_u8Ju8F0pJuWIzW3sKEl_-62OMf-4UGLQFOMaS_KwcnjnAsJtM/s1600/relatedpost.png) no-repeat;}
  </style>
  <script type='text/javascript'>
  var relatedpoststitle="Related POST";
  </script>
  <script src='http://nimbuzzin.googlecode.com/files/relatedpost.js' type='text/javascript'/>
  </b:if>
  

• Kemudian mouse Anda gulir ke bawah dan temukan kode seperti ini :
  

  <div class='post-body entry-content'>
  <data:post.body/>
  

• Letakkan kode warna hijau di bawahnya, hingga hasilnya seperti ini :
  

  <div class='post-body entry-content'>
  <data:post.body/> <div id='related-posts'>
  <b:loop values='data:post.labels' var='label'>
  <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:loop>
  <script type='text/javascript'>
  var maxresults=7;
  removeRelatedDuplicates();
  printRelatedLabels(&quot;<data:post.url/>&quot;);
  </script>
  </div>
  

• Kemudian Preview atau pratinjau.
• Setelah dirasa aman baru Save template.

Oke sob sambil di coba, sambil minum kopi :), Juga Jangan Lupa Tinggalkan Jejak Sob .. :)