Cara mudah membuat artikel berhubungan

Membuat artikel berhubungan (related posts) dibawah ini sangat mudah, anda tinggal salin dan tempel kode dibawah kedalam sumber HTML blog anda maka artikel berhubungan pada setiap posting blog anda akan muncul, artikel berhubungan mengambil judul artikel yang berhubungan atau memanggil artikel tersebut berdasarkan kategori-kategori yang dimasukkan dalam posting itu sendiri jadi artikel berhubungan yang tampil masih ada sangkut pautnya dengan artikel yang sedang dibaca. nah untuk menampilkan kedalam blog anda bisa menggunakan kode dibawah ini atau kamu lebih suka dengan artikel berhubungan dengan gambar bisa masuk Kesini :

1. Login ke blogger
2. Klik Rancangan
3. Edit HTML
4. Beri tanda check pada Expand Template Widget
5. Cari kode <data:post.body/> 
6. Dan letakkan kode berikut tepat dibawah kode tersebut "langkah 5"! (jika anda sudah menggunakan fitur readmore ada 2 kode <data:post.body/> jadi letakkan setelah kode yang kedua)

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
Artikel lain yang mungkin ingin anda baca!
<div class='similiar'>
<div class='widget-content'>
<div id='data2007'/><br/><br/>
<ol>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 2;
var maxNumberOfLabels = 11;
maxNumberOfPostsPerLabel = 11;
maxNumberOfLabels = 1;


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>
</ol>
</div>
</div>

</b:if>

7. Simpan template anda dan lihat hasilnya

Keterangan :

- Rubahlah teks berwarna hijau dengan sesukamu
- Rubahlah angka seperti dibawah ini dengan angka sesukamu, ini yang akan menentukan berapa banyak artiikel berhubungan yang akan ditampilkan
var maxNumberOfLabels = 11
maxNumberOfPostsPerLabel = 11

from: http://u-sup.blogspot.com/2011/05/cara-mudah-membuat-artikel-berhubungan.html

Do you Like this story..?

Get Free Email Updates Daily!	Follow us!

Posted in: Tips Blogging