screenshot.53

Hari ini aku nak tunjukkan cara untuk membuat artikel yang saling berhubungan[Related post] di dalam blog anda dengan menggunakan widget.Related post ini digunakan untuk menghubungkan artikel kita yang seterusnya melalui label yang sama.Widget ini di letakkan di bahagian bawah sekali artikel kita supaya senang untuk pembaca membaca artikel kita yang berikut.Jika ingin mengetahui apakah fungsi Related post itu anda boleh tengok di bahagian bawah sekali artikel ini.Bagaimana adakah widget ini berguna untuk di letakkan di blog anda?..Jika ya anda boleh ikuti cara untuk meletakkannya di bawah.Sebelum mencuba membuat widget ini sebaiknya anda backup dahulu template anda.

1.Pergi ke layout-> Edit HTML

arieyblog.blogspot.com

2.Berikan tanda centeng pada Expand widget template.

3.Anda cari kode ini

<p><data:post.body/></p>

Kemudian anda copy script di bawah ini dan pastekan di bawah kode yang di atas tadi.

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts :</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>
4.Selesai.Dan lihat hasilnya.


6 comments:

  1. thanks bro..aku memang dah lama nak wat..tapi malas nak cari.adoi, + javascript lagi..bertambah lambat la loading blog aku..

    ReplyDelete
  2. Terpaksalah cara lain belum jumpa lg..aku pun rasa mcm dh berat sgt dah blog aku ni..Ke snailmyx aku yg lembab?

    ReplyDelete
  3. tul tu.. pakai java script tambah load blog...
    ko bukak blog aku camne ariey? berat tak

    ReplyDelete
  4. salam..
    dah try buat tapi tak boleh la.. mcm ader code yg tertinggal jerk!!.. tu je ke code nye!?..

    ReplyDelete
  5. Free Ads betulla aku ada miss ltk code sorry ye aku x perasaan plak..aku dah fix dah ko bole cuba ty.Terima kasih sbb inform dkt aku..kalu ada masalah lg inform ye:)]

    ReplyDelete

Sila tinggalkan komen ada dibawah ini dan yang berkenaan dengan post sahaja dan semua komen akan ditapis dahulu sebelum ditampilkan.