|Tutorial| Cara buat Artikel Terkait di tepi sidebar Blog.

Heh.. (^_^) besok cuti, minggu tenang (untuk mahasiswa Aceh IAIN R-Raniry) sebagai persediaan untuk Final akan datang. Do da best sahabat-sahabat ku di Aceh khusus Mahasiswa Perbandingan Agama. Wadud nak buat tutorial sikit, ekekekeke..

So.. dikeranakan adanya secebis waktu tersisa (eceh) wadud nak mengongsi (kongsi) dengan kengkawan sumer bagaimana cara untuk kita tampilkan Related Search atau, Artikel Terkait. COntoh nyer macam widget yang kita boleh guna untuk tampilkan artikel terkait adalah LinkWithin. Kalau kita pakai widget tuh, tampilan dia ada di bawah n3 kita. So yang ni wadud nak kongsi bagaimana cara untuk tampilkan artikel terkait di tepi (sidebar) blog kita.

Berminat? Zass kat bawah.

* Jangan lupe backup template korang *

1. Login blogger >> Design >> Edit HTML >> tick Expand Widget Templates >> cari kode . ctrl+f.

2. Letakkan code di bawah ini di atas code 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>


3. Cari code di bawah ini (sama). ctrl+f.

<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 != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>


4. Dah jumpa code diatas? kemudian copy code di bawah ini dan tukar dengan semua code diatas.

<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 != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

5. Ok.. sekarang save template korang. Sekarang gunakan scripts di bawah ini bertujuan untuk menampilkan widget related search korang di Sidebar blog.

>> Page elements >> Add gadget >> HTML / JavaScript >> copy scripts di bahwa.

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


6. Save HTML / JavaScript korang. Dan letakkan di kiri ataupun kanan blog korang. Siap.

SO amacam? hehehe.. ape2 pon, wadud sarankan sila perati baik2 sebelum edit HTML korang, dan lagi baik kalau preview dulu sebelum save. Sekian tutorial singkat dari wadud yang kerdil ini. ^_^