Cara Membuat Artikel Terkait (Artikel Lainnya) di Blogspot

Menampilkan artikel terkait atau artikel lainnya di dalam blog adalah salah satu cara paling efektif untuk meningkatkan jumlah pengunjung dan membuat website terlihat lebih profesional.

Pada tutorial ini, Anda akan belajar mulai dari kegunaan hingga cara memasang script artikel terkait dengan tampilan tombol modern.

🔍 Apa Itu Artikel Terkait?

Artikel terkait adalah daftar postingan lain yang ditampilkan di bawah artikel utama, biasanya dalam bentuk link atau tombol.

Servis freezer Sukabumi
Jasa servis mesin cuci
Teknisi kulkas terdekat

🎯 Kegunaan Artikel Terkait

Meningkatkan SEO (internal link)
Menambah jumlah klik pengunjung
Mengurangi bounce rate
Membuat blog terlihat profesional

⚙️ Cara Memasang di Blogspot

Masuk ke Blogger
Pilih menu Tema
Klik Edit HTML
Cari kode: <data:post.body/>
Tempelkan script di bawah kode tersebut

💻 Script Artikel Terkait

<h4 style="font-family:calibri;font-size:16px;color:black;font-weight:bold">
Artikel Lainnya :
</h4>

.related-tags a{
  display:inline-block;
  padding:12px 18px;
  background:#eeeeee;
  border-radius:25px;
  font-size:14px;
  color:#333;
  text-decoration:none;
  font-weight:500;
  box-shadow:0 2px 5px rgba(0,0,0,0.1);
  transition:all 0.2s ease;
}

.related-tags a:hover{
  background:#e0e0e0;
  transform:translateY(-2px);
}

.related-tags a:active{
  transform:scale(0.96);
}
</style><div class="related-tags" id="random-posts"></div><script>
var acakarray = [];
var numofpost = 12;

function randomposts(json){
  var total = parseInt(json.feed.openSearch$totalResults.$t,10);
  var container = document.getElementById("random-posts");

for(i=0;i < numofpost;){
    var flag=0;
    var l=Math.floor(Math.random()*total);
    for(j in acakarray){
      if(l==acakarray[j]){ flag=1;}
    }
    if(flag==0 && l!=0){
      acakarray[i++]=l;
    }
  }

for(n in acakarray){
    var p=acakarray[n];
    var entry=json.feed.entry[p-1];

for(k=0; k < entry.link.length; k++){
      if(entry.link[k].rel=='alternate'){
        var link = entry.link[k].href;
        var title = entry.title.$t;

var el = document.createElement("a");
        el.href = link;
        el.innerText = title;

container.appendChild(el);
      }
    }
  }
}
</script><script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts"></script>

⚡ Cara Kerja Script

Mengambil semua artikel dari blog
Memilih secara acak
Menampilkan dalam bentuk tombol
Setiap refresh akan berubah otomatis

🔥 Tips Maksimal

Gunakan judul dengan keyword SEO
Perbanyak jumlah artikel
Gunakan label sesuai kategori

🎉 Penutup

Dengan fitur ini, blog Anda akan terlihat lebih profesional, meningkatkan SEO, dan membuat pengunjung betah berlama-lama di website.