Cara Membuat Artikel Terkait di Sidebar Blog

Menempatkan artikel di tempat yang tepat itu akan membuat blog anda semakin bagus dan sering dikunjungi orang. Jika anda merasa artikel anda ingin di klik oleh orang - orang taruh tempat yang tepat. Umumnya artikel terkait terletak di bawah komentar akan tetapi kali ini artikel terkait juga dapat terletak di sidebar. Untuk yang ingin mengetahuinya, simak caranya sebagai berikut :

• Masuk ke blogger dengan ID blogger anda
• Kemudian klik Template dan klik Edit Html
• Cari kode </head> (gunakan Ctrl + F untuk mempermudah pencarian)
• Kemudian copy kode dibawah ini dan paste tepat diatas kode </head>

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

•  Selanjutnya cari 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>;

•  Lalu sisipkan kode berwarna merah, hingga menjadi seperti 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: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>

• Simpan template.
• Lalu masuk ke Elemen - Elemen
• Klik Tambah Gadget 
• Pilih HTML/Javascript
• Masukkan kode di bawah ini :

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

•  Simpan

Semoga tutorial blog tentang “Cara Membuat Artikel Terkait di Sidebar Blog” dapat bermanfaat untuk anda.

Tags : Cara membuat related post di dalam posting, Tutorial membuat artikel terkait pada blogspot

Tweet