Artikel Lainnya :
Di dunia blogging, menampilkan artikel terkait atau artikel lainnya adalah salah satu teknik penting untuk meningkatkan kualitas website. Fitur ini sering kita lihat dalam bentuk tombol atau daftar di bawah artikel.
Pada tutorial ini, kita akan membahas secara lengkap:
- Apa itu artikel terkait
- Kegunaannya untuk SEO & pengunjung
- Cara memasang di Blogspot
- Script siap pakai + tombol copy
- --
🔍 Apa Itu Artikel Terkait?
Artikel terkait adalah daftar postingan lain yang masih berhubungan atau berasal dari blog yang sama, biasanya ditampilkan di bagian bawah artikel.
Contohnya:
- Servis freezer Sukabumi
- Jasa servis mesin cuci
- Teknisi kulkas terdekat
- --
🎯 Kegunaan Artikel Terkait
Berikut manfaat pentingnya:
1. Meningkatkan SEO
Google lebih mudah merayapi halaman karena adanya internal link.
2. Menambah Page View
Pengunjung akan klik artikel lain → trafik naik.
3. Mengurangi Bounce Rate
Visitor tidak langsung keluar dari website.
4. Tampilan Lebih Profesional
Blog terlihat modern seperti website besar.
- --
⚙️ Cara Memasang di Blogspot
Ikuti langkah berikut:
1. Masuk ke Blogger
- Login ke akun Blogspot
- Pilih menu Tema
- Klik Edit HTML
- --
2. Cari Kode Penempatan
Letakkan script ini di bawah artikel, biasanya cari:
Lalu tempelkan script di bawahnya.
- --
💻 Script Artikel Terkait (Button Style Modern)
👉 klik tombol lihat kode script,untuk copy semua script:
Artikel Lainnya :
.related-tags{
display:flex;
flex-wrap:wrap;
gap:12px;
}
.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);
}
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);
}
}
}
}
- --
📌 Cara Kerja Script
- Mengambil semua artikel dari blog
- Mengacak (random) postingan
- Menampilkan dalam bentuk tombol
- Setiap refresh → artikel berubah otomatis
- --
🔥 Tips Agar Lebih Maksimal
- Gunakan judul artikel yang mengandung keyword (SEO)
- Tambahkan minimal 20+ postingan agar variasi muncul
- Gunakan label untuk niche tertentu
- --
🎉 Penutup
Dengan menambahkan fitur artikel terkait, blog Anda akan:
- Lebih profesional
- Lebih SEO friendly
- Lebih banyak pengunjung
Script ini sangat cocok untuk:
- Blog jasa servis
- Blog afiliasi
- Blog mini app seperti milik Anda
- --
Selamat mencoba dan semoga blog Anda makin ramai pengunjung 🚀
Lihat kode script

✍️:
Posting Komentar