Powered by Blogger.

cara membuat artikel terkait di blogger

artikel terkait atau yang biasa di sebut dengan related post adalah posting atau artikel yang sudah di publish dan berhubungan dengan artikel lainnya berdasrkan dengan kategori atau label postingan tersebut, akan tetapi artikel tersebut tidak selalu sama topiknya, bisa juga membahas tentang yang lain tapi masih mempunyai relevansi dengan artikel yang telah di buka di blog tersebut, maka bagi para blogger jika hendak memasukkan kategori atau label pada postingan sebaiknya betul-betul diperhatikan apakah postingan tersebut mempunyai relevansi dengan postingan lainnya atau tidak, agar tidak mengecewakan pengunjung blog anda.


Bagaiman cara untuk membuat atau memasang artikel terkait pada blogspot, berikut langkahnya:
login ke account bloger anda jika sudah anda pilih rancangan kemudian pilih edit HTML
ok kemudian berikan centang pada Expand Widget Template
sekarang anda cari script dengan kode </head> ,anda bisa menggukana ctrl + f untuk memudahkan pencarian code biasanya script ini berada di daerah atas, jika sudah ditemukan copas script di bawah ini :
-----

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

-----

kemudian cari lagi kode di bawah ini :

-----
<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:loop>
</b:if>

-----
ok setelah berhasil mencari code di atas ingat jangan sampai salah kode anda harus teliti karena kode di atas bukan kode paten karena bisa berubah-rubah, maksud saya terkadang masih ada tambahan tersendiri mungkin di blog anda kare template yang berbeda, yang terpenting adalah pastikan mirip dengan kode yang ada di atas, setelah itu copas kode yang berwarna merah di bawah ini di antara kode yang berwarna biru :
-----
<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&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>
</b:if>

</b:loop>
</b:if>
-----
dan terakhir copas lagi kode yang berwarna merah di bawah :
-----
</b:loop>
</b:if>


<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
-----
simpan template anda dan lihat hasilnya