cara membuat related post di blogspot

Keuntungan menampilkan related post atau artikel yang berhubungan adalah artikel yang sudah tenggelam dalam arsip,atau artikel yang sudah lama akan ditampilkan kembali berdasarkan labelnya.sedangkan keuntungan untuk pembaca,lebih mudah menemukan informasi lain yang masih ada hubungannya dengan artikel yang sedang dibaca.
Artikel yang berhubungan selain bisa ditampilkan dengan gambar (menampilkan related post dengan gambar),juga bisa ditampilkan berupa link-link seperti di bagian akhir artikel ini.
Untuk membuat related post di blogspot,ikuti langkah-langkah di bawah:

1.login -->tata letak -->edit HTML -->centang "expand widged template"

2.cari kode </head> dan letakkan kode dibawah,tepat di atas </head>. -->simpan dulu,atau lanjutkan

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

3.cari kode seperti dibawah,dan tambahkan seperti warna merah. -->simpan dulu atau lanjutkan

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

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

4.cari kode
<div class="post-footer-line post-footer-line-1">
atau
<p class="post-footer-line post-footer-line-1">
kalau sudah ketemu,tambahkan kode tepat dibawahnya

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

5.simpan.dan lihat hasilnya.
Refres halaman dan klik link artikel yang sudah mempunyai label.

Related Posts:

Tweet