SCRIPT — Related Post Otomatis

🔗 SCRIPT 1 — Related Post Otomatis (berdasarkan LABEL)

👉 Paling direkomendasikan untuk SEO

📌 Fungsi

• Menampilkan artikel terkait

• Berdasarkan label yang sama

• Ringan, tanpa library berat

• Aman untuk AdSense

📍 Cara Pasang

Blogger → Tema → Edit HTML
Letakkan di bawah <data:post.body/>

<b:if cond='data:post.labels'>
<div class="related-post">
  <h3>Artikel Terkait</h3>
  <ul id="related-posts"></ul>
</div>

<script>
(function(){
  var labels = [];
  <b:loop values='data:post.labels' var='label'>
    labels.push('<data:label.name/>');
  </b:loop>

  var feedUrl = '/feeds/posts/default/-/' + labels[0] +
    '?alt=json-in-script&max-results=5&callback=relatedPosts';

  document.write('<script src=\"' + feedUrl + '\"><\\/script>');
})();

function relatedPosts(json){
  var posts = json.feed.entry;
  var output = '';
  for(var i=0;i<posts.length;i++){
    var title = posts[i].title.$t;
    var link  = posts[i].link.find(l=>l.rel==='alternate').href;
    output += '<li><a href=\"'+link+'\">'+title+'</a></li>';
  }
  document.getElementById('related-posts').innerHTML = output;
}
</script>

<style>
.related-post{
  margin-top:25px;
  padding:15px;
  border-top:2px solid #eee;
}
.related-post ul{padding-left:18px}
.related-post li{margin-bottom:6px}
</style>
</b:if>

✅ Google suka
✅ Internal link alami
✅ Cocok untuk artikel nice tertentu

🔗 SCRIPT 2 — Artikel Sebelumnya (Random Post)

👉 Bagus untuk menambah pageview

📍 Pasang di:

Gadget → HTML/JavaScript>

<div class="random-post">
  <h3>Baca Juga</h3>
  <ul id="random-posts"></ul>
</div>

<script>
function randomPosts(json){
  var posts = json.feed.entry;
  var max = Math.min(posts.length, 5);
  var used = [];
  var html = '';

  while(used.length < max){
    var r = Math.floor(Math.random() * posts.length);
    if(!used.includes(r)){
      used.push(r);
      var title = posts[r].title.$t;
      var link  = posts[r].link.find(l=>l.rel==='alternate').href;
      html += '<li><a href="'+link+'">'+title+'</a></li>';
    }
  }
  document.getElementById('random-posts').innerHTML = html;
}
</script>

<script src="/feeds/posts/default?alt=json-in-script&callback=randomPosts"></script>

<style>
.random-post{
  margin:25px 0;
  padding:15px;
  background:#fafafa;
  border-left:4px solid #4CAF50;
}
.random-post li{margin:6px 0}
</style>

  

Semoga postingan kali ini seputar SCRIPT — Related Post Otomatis bermanfaat