Cara Membuat Related Post atau Artikel Terkait di Blogspot

Bagaimana sih Cara Membuat Related Post atau Artikel Terkait di Blogspot ? Penting atau ga penting, sebaiknya memang blog diberi Artikel Terkait atau Post Terkait, atau Related Post sehingga dapat meningkat Page View nya. Fungsi lain adalah mempermudah pengunjung untuk mencari tulisan yang sejenis atau sama labelnya. Tak usah berpanjang lebar, mari kita coba tahap-tahap untuk menambahkan script Arttikel Terkait ke dalam Template Blog.

1. Login/masuk ke Blogger.com jika belum log in.

2. Pada halaman Dasboard masuk ke Layout ( tata-letak ), pilih tab Edit Html.

3. Kemudian tandai/centang kotak di samping tulisan  "Expand Template Widget"

4. Setelah itu tempatkan script berikut ini di bawah tag ]]></b:skin>



<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>



5 Kemudian cari bagian ini, dan tambahkan seperti kode yang di beri warna biru



<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>

<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>
</span>



6. Sekarang cari kode baris post-footer berikut ini.

<div class='post-footer-line post-footer-line-3'>

kemudian masukan di bawahnya script ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-posts'>
<h4>Artikel Terkait:</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>



Simpan Perubahan ( save template ).

Silakan coba, semoga berhasil, untuk lihat hasil uji coba saya silakan kunjungi di sini

3 comments:

eis kiranwijayanti said...

gan trimakasih atas impormasinya tapi saya masih bingung ni sebab kalo pake templete dinamis atow sidebar kok gak ada tata letaknya klo di tampilan templete mudah dan sebagai nya ada kenapa yah gan trimakasih mohon balasan ke imail saya

Admin said...

Emailmu mana ? untuk template dinamis memang seperti itu. Coba pakai template, download aja banyak kok template yang bagus kayak di o-om.com atau zoom template, atau blognya Kang Rohman dll. Kalau ga pakai yang klasik saja

Unknown said...

terima kasih banyak kepada AKI ALI atas nomor togelnya yang kemarin AKI berikan yaitu “53o8alhamdulillah ternyata itu benar2 tembus AKI dan berkat bantuan AKI ALI saya bisa melunasi semua utang2 orang tua saya yang ada di BANK BRI dan saya sudah bisa bermodal sedikit untuk mencukupi kebutuhan keluarga saya sehari2. yang ingin merubah nasib seperti saya hubungi AKI ALI Di.NmoR 0823=9433=4877,ATAU KUNJUNGI BLOG AKI ALI >>> www.ramalanangkaritual-sgp.blogspot.com/>> www.ramalanangkaritual-sgp.blogspot.com/>> www.ramalanangkaritual-sgp.blogspot.com/>> www.ramalanangkaritual-sgp.blogspot.com/<dijamin 100% tembus atau silahkan buktikan sendiri MAKASIH KEPADA YANG PUNYA ROOM.

Post a Comment