Menampilkan Related Post di bawah posting

.

Related Post atau dalam bahasa malaysianya "post berkaitan" atau 'link yang berkait','artikel pada kategori yang sama' atau apa saja namanya,bertujuan memudahkan pengunjung blog mencari artikel yang berkaitan tanpa perlu mencari di halaman label yang lain.Ianya akan berada di bawah posting utama dan diatas kotak comment, contoh seperti dibawah...
1. Masuk ke dashboard blog anda.Pergi ke Layout--->Edit html.Kemudian copy kod javascript di bawah ini dan pastekan di atas kod </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>

Preview dulu blog anda.Jika tiada sebarang error, klik save.
2.Klik semula pada menu Layout--->Edit html dan tandakan pada Expand widget template.Kemudian cari kod 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>

Sudah jumpa kodnya.Kemudian letakkan kod berwarna merah ini diantara kod diatas tadi;lihat contoh di bawah..
<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>
Pada proses ini pengeditan pada kode HTML sudah selesai, Jangan lupa disimpan.

3.Copy kod dibawah ini dulu.Kemudian pergi ke menu Layout--->Add a gadget--->klik pada html/javascript.Pastekan kod dibawah ini dan jangan lupa memberikan nama tajuk misal, "Artikel pada kategori yang sama" atau "Mungkin artikel ini yang anda cari" ->
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

4.Agar related postnya tampil di postingnya aje, bukannya dihalaman utama, maka anda cari kod ini..(cari kode dibawah ini, sebaiknya cari pada tajuk yang kita masukan, sebagai contoh, tadi saya memberi mana dengan "Artikel pada kategori yang sama", jika sudah ditemukan, masukan ke dua kod berwarna merah dibawah.
<b:widget id='HTML13' locked='false' title='Artikel pada kategori yang sama' 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>

Kemudian preview dulu blog anda,jika tiada sebrang error yang muncul klik save, dan anda telah berjaya melakukannya tanpa kesilapan.

Mungkin artikel dibawah yang sedang anda cari



2 comments:

@LiYaNNuaR berkata...

bro.. dah cuba buat... x leh ler... sangkut tang step 4... pehtu... aku set Embedded below post... langsung x leh nak komen... ape kes ek???

Putera2008 berkata...

bro..aku pun sangkunt kat step 4..

sbb tgk command dia x sama..

jadi camner nak masukkan

:)) ;)) ;;) :D ;) :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Catat Ulasan

Komenlah sesuka hati anda kerana tuan empunya blog ini buta hati dan buta perasaan tetapi tidak buta mata.

 

Pelawat

free counters
BlogInfoTips

Pengikut

Recent Comments

Powered by Deenoh

© Copyright 2007-2009. Blog tutorial . All rightsreserved | Bloginfotips.com is proudly powered by Blogger.com | Template redesign by Deenoh