Cara Menambahkan Artikel Terkait di bawah postingan blogger ~ eigerS.Com

Menambahkan artikel terkait mungkin sudah bukan nhal yang sulit lagi karena sudah banyak sekali di luar sana tentang cara menambahkan artikel terkait pada blogger dll

Pada kesempaa kali ini saya akan ikut meramaikan sebuah tips tentang cara menambahkan artikel terkait pada postingan blogger Sebelumnya saya akan sedikit menjelaskan tentang fungsi dari artikel terkait tersebut ini berfungsi untuk menambahkan beberapa judul artikel yang terkait dengan artikel yang sedang kita baca ini sangat membantu bagi pembaca setia blog anda. langsung saja untuk memulai ikuti langkah langkah berikut ini jangan lupa templatenya di backup dulu soalnya kita akan mengoperasi kode CSS HTML blog kita

Berikut ini tahap-tahap untuk menambahkan script Arttikel Terkait ke dalam Template Blog.
1. Masuk ke Dasboard pilih ke Layout ( tata-letak ), pilih tab Edit Html.
2. jangan lupa centang “Expand Template Widget”
3 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>

4 trus tinggal tambahkan seperti kode yang di beri warna

<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 != "true"'/>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
</span>

5. 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 == "item"'>
<div class='related-posts'>
<h4>Posts Terkait:</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

Simpan Perubahan ( save template ).

Taq:Cara menambahkan artikel terkait, related post, menambahkan related post, cara menambahkan related post, cara menambahkan artikel terkait, cara menambahkan related post di bawah postingan blog, cara menambahkan related post pada blogger