Membuat Related Post (Artikel Terkait)

Kali ini WillySEO akan membahas tentang Bagaimana Cara Membuat "Related Post" di blog.Related post atau Artikel Terkait pada blog mempunyai peran penting untuk blog itu sendiri dan akan memudahkan para pengunjung blog untuk menemulan artikel yang mungkin mereka anggap menarik.Dalam hal ini penggunaan Related Post atau Artikel Terkait memang membantu pengunjung blog dan juga membantu pemilik blog itu sendiri,sehingga setiap artikel/postingan dapat dimungkinkan untuk dibaca oleh pengunjung.


Berikut cara membuat-nya :

  • Letakan kode berikut di atas ]]></b:skin>
.rbbox{border: 1px solid #D8D8D8;padding: 5px;background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;} 

  • Lalu cari kode <data:post.body/> dan letakan kode berikut dibawahnya :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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;albri&#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>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if> 
Yang Berwarna Merah Bisa diganti dengan sesuka anda
  • Simpan Template

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Membuat Related Post (Artikel Terkait)

  • Cara Membuat Notifikasi Windows Pada BlogFungsi dari "Notifikasi" itu sendiri hanya sebagai pesan. Notifikasi biasanya sering digunakan pada blog untuk memberitahukan kepada pengunjung bahwa blog tersebut sed ...
  • Cara Mematikan Fungsi Pratinjau Pada Blog Cara Mematikan Fungsi Pratinjau Pada Blog  - Mematikan atau disable fungsi elemen Pratinjau pada blog, mungkin bagi anda yang suka utak-atik template atau memodi ...
  • Mengganti Warna Scrollbar dengan CSS Ingin mengganti tampilan scrolling seperti di iPhone atau iPod? Tampilan ini sudah digunakan juga di Facebook, coba saja anda lihat pemberitahuan atau juga obrolan, ...
  • 1 Cara dengan 2 Tujuan (Alexa Rank dan Google Page Rank) 1 Cara dengan 2 Tujuan (Alexa Rank dan Google Page Rank) - Maksudnya adalah kita melakukan hanya dengan 1 cara tapi menghasilkan 2 buah hasil atau tujuan atau target ...
  • Menambahkan Widget Pos Terkait di Blog Menambahkan Widget Pos Terkait di Blog - Bagi yang belum tahu tentang widget pos terkait, widget ini akan menampilkan link dan thumbnail gambar dari posting yang berad ...

17 comments:

  1. makasih mas..
    berhasil ^_^

    ReplyDelete
  2. cara nyari kodenya gimana?
    Tampilanya berubah

    ReplyDelete
  3. maaf, aku kok gak bisa ya? dimana salahnya ? mohon bantuannya !

    ReplyDelete
  4. thanks sob tutorialnya, sangat bermanfaat sekali

    ReplyDelete
  5. Ijin coba om.
    mumpung belum pasang :v

    ReplyDelete
  6. info yang sangat bagus mas,,,info yang sngat bermanfaat sekali buat saya,,terima kasih banyak ya...semoga selalu menciptakan karya-karya terbaiknya,, dan selamat berkarya...mantap!!

    ReplyDelete
  7. sudah saya pasang. terima kasih

    ReplyDelete
    Replies
    1. sama sama gan. terima kasih juga telah memasang :)

      Delete
  8. makasih banyak mas, berhasil. related postnya keren banget, simple, and cpt loading..

    ReplyDelete

Copyright © WillySEO
Theme designed by Bamz
Powered by Blogger