Sebagaimana yang tampil di blog cah cikrik ini yaitu pada widget yang tulisannya 'Mungkin Ini Yang Anda Cari'
atau secara gambar yang di paintkan awut2an adalah seperti ini
Nah, Lalu dan kemudian terus cara membuat artikel terkait atau related article atau related artikel atau related posts atau artikel yang berhubungan atau postingan terkait atau artikel yang bersempena minjem bahasanya Bang attayaya agar supaya bisa tampil disidebar adalah sbb : [;-)]
Caranya hampir mirip dengan artikel terkait dibawah postingan, yaitu :
login ke blogger.com, klik tata letak [rancangan], klik edit html, lalu centang kotakkan kecil expand widgetsnya, lalu cari kode </head>
lalu letakkan kode berikut, diletakkan diatas kode head tadi
<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>
bila sudah cari kode lagi, kode yang 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>
kalo udah ketemu, dihapus dan diganti dengan kode yang 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&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
Bila sudah diganti, simpan Templet, lalu menuju kepenempatan gadget, mo ditempatkan dimanakah enaknya artikel terkait itu, jadi ya langsung kecara penempatannya. Ehm make gambar langsung saja dari pemilik script dan artikel ini yaitu Mas Doyok [Artikel terkait tampil di sidebar]. Dengan menambah gadget atau widgets anda.[lihat gambar menambah widgets]
dan masukkanlah kode script berikut ke widgets yang akan anda tempatkan tadi
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
simpan atau tambahkan dan selesai.
Agak njlimet ya cara membuat artikel terkait tampil disidebar ini, namun konon kalo ada widgets ini berguna untuk meningkatkan pageviews blog kita, entah kalo untuk SEO.
Salam...
Anak SMP
Ditulis Oleh : ali afif ~ Ali Afif Hora Keren
Tulisan Cara Membuat Artikel Terkait Tampil di Sidebar Blog ini diposting oleh ali afif pada hari Minggu, 29 Agustus 2010. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca Tulisan ini di Blog Ali Afif, Bukan Blogger terbaik Indonesia ataupun Legenda Blogger Tegal, Blogger keren ya Bukan. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
42 Comments