Tuesday, March 27, 2012

Tutorial Cara Buat Related Post

Toturial Cara Buat Related Post

Den tak pasti kalau ada tutorial tentang Cara Buat Related Post dah ada dalam blog aku.. rasa macam ada, dan itu old version kot, tempat aku study pasal blog dulu.. skang nih, ada tutorial tentang Cara Buat Related Post yang betol2 menjadik, contohnye korang boleh lihat di bahagian bawah "Related Post".. tu lah alhasilnyer.. dengan merasai adanya manfaat pada tutorial nih.. den berkesimpulan nak share Script Cara Buat Related Post untuk entry kali neh.. lagipon, the scripts work.. so jangan takut untuk try.. ^_^..

Follow this step :
1. Login blog : http://www.blogger.com/home?pli=1
2. Design - Edit HTML.
3. Expand Widget Templates.
4. Cari kode </head> (ctrl+F), copy kode di bawah dan pastekan di atas kode tadi.

5. Kode yang perlu di copy :

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

6. Cari kode <data:post.body/>, copy code di bawah dan pastekan di bawah kode tadi.

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<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=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

7. Save template / Simpan template.

Sebarang pertanyaan, silakan di bahagian comment kat bawah yer.. rasanya tutorial singkat tentang Cara Buat Related Post ni korang dah boleh catch up dengan cepat.. yelah, x-pert2 semua ^_^.. dan kalau rasa nak share, silakan copy dan paste, buts jangan lupe linkkan dengan entry ni yer. Sebenar kalau nak ikutkan, ramai blogger boleh cepat populer kalau masing2 memahami@tahu etika dalam berblog.. dah kira wajib kalau satu2 sumber yang kita amik, kita jadikan reference sebagai tanda thanks atau sebaliknye.. sebenarnye, kalau semua paham etika copy paste nih, masing2 dapat traffic.. lebih kurang macam pyramid system.. tapi blogger skang, cakap thanks pon tidak, amik pastu blah.. tu yang jadik takder etika tuh.. esh2.. ^_^

Credit :
Share:

2 comments:

Anonymous said...

nak tanya, code nie ada 4. nak paste kay yang no berapa?
tolong yer..:)

Dzasc Skachers said...

maaf mr.anonymous... saye tak paham soklan.. silekan paham kan saye, code ada 4, maksudnye?