Cara Membuat Related Post / Artikel yang Berhubungan

Menampilkan Artiket yang berhubungan ataupun artikel yang terkait kadang diperlukan oleh para pencari berita atau pencari artikel yang mengunjungi blog anda biasanya terletak dibawah tiap-tiap postingan.

Langkah-langkah membuatnya sangatlah mudah :

Cara Membuat Related Post
1. Login ke Blogger
2. Kemudian klik Tata Letak dan Edit Html
3. Ketika sudah berada di Edit Html klik pada kotak di samping tulisan "expand widget template"
4. Langkah selanjutnya cari kode dibawah ini :

<p><data:post.body/></p>
(tekan Control+F lalu masukkan kode tadi)

jika tidak ketemu cari code ini <data:post.body/>

kode tersebut biasanya terletak dibawah kode berikut ini

<div class='post-body entry-content'>


5. Pasang kode di bawah ini tepat di bawah kode <p><data:post.body/></p>

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

<div class='widget-content'>
<h3>Related Post | Artikel Terkait</h3>
<div style='border: 2px solid rgb(230, 230, 230); width:100%; height:300px; overflow:auto;'>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

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

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>
<small>Get this widget [ <a href='http://adesyams.blogspot.com/2009/08/cara-membuat-related-post-artikel-yang.html' target='new'>Here</a> ]</small>

</div>
</b:if>


6. Simpan lalu liat hasilnya..

Good Luck...!!!

Subscribe to receive free email updates:

4 Responses to "Cara Membuat Related Post / Artikel yang Berhubungan"

  1. Thankx it's very usefull script,,,
    thanks 2 share with other

    BalasHapus
  2. kenapa yaa mas di saia gak bisa??

    btw blog nyah keren,,,saia sudah follow blognyah...

    klo mas gak berat hati follow back blog saia yaa mas!!
    http://www.tegenatika.co.cc/
    thx....

    BalasHapus
  3. TOP banget gan ,sukses langsung :)

    BalasHapus
  4. Mas kOK bISA sih tempaltes mas menjadi bagus seperti ini ? Tolong kasih tahu caranya ya mas !

    BalasHapus

Berkomentarlah dengan Baik dan Sopan..