
Related Post sangat berpengaruh pada traffic blog Anda. Tapi di blogger belum ada widget related post. Tapi tenang saya sudah dapat ilmunya dari bloggertemplates.itmag.org dan sudah saya buktikan. Caranya ikuti petunjuk di bawah :
Masuk ke layout, masuk ke edit html, download full template, lalu klik Expand Widget Template
Paste kode di bawah ini dalam tag <head>, taruh saja di bawah tag itu
<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>
Scrool ke bawah dan temukan 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>
Ganti kode di atas dengan 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>
Setelah itu masuk ke page elements, klik add a page element, pilih yang html/javascript. Dan copas kode di bawah ini :
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
Simpan dengan judul Related Posts (bisa diganti)
Klik Edit HTML lagi, expand widget template, perhatikan kode di bawah ini :
<b:widget id='HTML25' locked='false' title='Related Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div><b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Sisipkan kode yang dicetak tebal di atas. Perhatikan juga pada title, bila Anda menggunakan judul lain pada elemen halaman tadi, maka bukan related posts tetapi itu adalah judul Anda.
Sekarang simpan, dan preview. Anda bisa lihat contohnya di SINI. Ada yang ingin menambahkan?
di wordpress gimana ya?
Sudah saya buat di halaman ini mas..
http://melodanta.com/plugin-related-post-buat-wordpress.html
thx buat tipsnya
yup sama2
Kalo untuk blog engine lain bisa tidak ??? seperti punya aku
gratisans last blog post..Kontes "Kampanye Damai Pemilu Indonesia 2009"
Wuaduh.. maaf mas kelewat… hmmm ngomong2 mas pake apa ya.. kemungkinan si ga bisa mas.. hmmm tapi tetep semangad!!
[...] Cara Membuat Related Post di Blogger (5) [...]
Nice tips, thanx…
Red Gears last blog post..Freewarefiles.com; Solusi Software Gratis Anda
Yupz.. terimakasih