JeritanBlog telah ditukar nama BelajarBlogs...
Home » , » Cara Membuat Related Post / Posting yang berkaitan

Cara Membuat Related Post / Posting yang berkaitan


Fungsi related post atau posting berkaitan amat penting, iaitu pengunjung dengan mudah mendapat artikel yang lain yang mempunyai kaitan artikel yang dibaca.

Kita juga dapat mempromosikan artikel yang lama




Sila ikut tutorial dibawah

1. Login ke blog anda

2. Pergi ke 'Layout' dan tekan 'Edit HTML'

3. Tekan butang 'Expand Widgets Template'

4. Cari kode ini <data:post.body>

5. Letakkan script berikut ini di bawah kode tadi.

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

<div class='widget-content'>
<h3>Related Post</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>

6. Simpan.

Anda boleh mengganti tulisan 'Related Post' denganyang laint lain misalnya 'posting yang berkaitan ' dll. Kalau di blog saya tulis 'Baca juga artikel di bawah ini'

Selamat mencuba.


*Anda dibenarkan untuk menyalin dan menyebarkan artikel ini di blog anda tetapi jangan lupa tulis sumbernya .

7 ulasan:

  1. saya tak jumpa kod tersebut... macam mana ingin mencarinya...

    BalasPadam
  2. nape tak jadi..??
    xdek pun related post tu bwh entry..??

    BalasPadam
  3. opsss..dh jadi..owhhh..kne klik satu entry je ae bru related post tu ade..huhu

    BalasPadam
  4. @CikNiza ermm lain kali check dulu tau wahai kakak yang comel

    BalasPadam
  5. Semakin pening dengan edit HTML . Tak pandai nak guna

    BalasPadam
  6. Tak sama ke yg ni dgn linkwithin?
    Btw..kode kt blog sy ade 4 tu...semuanya ada / sebelum tanda >...klau tanda > shj, tak kuar kod tsb..
    jd agak was2 nak guna...

    BalasPadam