Cara Membuat Related Post (Artikel Berkaitan)

Dalam membuat Related post atau yang disebut juga Artikel yang berkaitan syaratnya blog sobat sudah terdapat label,kalau belum ada silahkan buat label dulu dan kalau belum tau caranya silahkan lihat cara membuat label pada blog.setelah itu baru kita lanjutkan bagaimana Cara Memasang Artikel yang Berkaitan atau related Post, yaitu sebagai berikut :

1. Login dulu ke www.blogger.com.

2. Kemudian pilih menu Layout -> Edit HTML

3. Setelah itu, beri tanda centang pada kotak "Expand Widgets Template".
    Agar tidak terjadi hal yang diinginkan silahkan download template sobat dulu.

4. Kemudian Cari kode  <data:post.body/> Jika blog anda menggunakan kode read
    more maka biasanya ada 2 kode  <data:post.body/> Letakkan kode diatas
    pada kode yang pertama

5. Letakkan kode berikut tepat dibawahnya

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

<div class='widget-content'>
<h3>Artikel yang berkaitan</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

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

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


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

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";

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

</div>
</b:if>

6. Kalau sudah, klik Save Template dan lihat hasilnya seperti contoh dibawah ini:

sobat bisa mengganti teks "Artikel yang berkaitan" pada kode yang bewarna biru dengan bahasa sobat sendiri..selamat mencoba….!

Artikel Yang Berkaitan Tentang :