Cara Memasang Artikel Terkait (Related Post) di Bawah Postingan

Kali ini saya membuat artikel mengenai Cara Membuat Artikel Terkait Di Bawah Postingan Blog, dengan adanya artikel terkait lainnya memiliki keuntungan bagi blog yang kita miliki karena memudahkan pengunjung melihat postingan lainnya yang kita miliki terkait dengan apa yang telah pengunjung lihat itu, berikut cara membuatnya.

Silahkan Ikuti Langkah-langkah berikut :

1. Silahkan login akun Blog anda.

2. Pilih menu Rancangan dan Pilih Edit/HTML
3. Setelah Itu Centang Expand Widget
4. Untuk menghindari terjadinya kesalahan silahkan Download Lengkap Template

5. Kemudian cari kode <data: post.body> gunakan Ctrl+F

6. Copy kode dibawah ini dan simpan dibawah kode <data: post.body>

<b:if cond=’data:blog.pageType == “item”‘>
<div class=’similiar’>
<span class=’box’>
<div class=’widget-content’>

<h3>Artikel Terkait</h3>
<div id=’data2007′/><br/><br/>

<script type=’text/javascript’>

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

maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;

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

</b:if>

7. Simpan Template Dan lihat Hasilnya

Keterangan :

Silahkan Ganti Tulisan Bercetak warna Kuning Dengan Kata-kata yang sahabat inginkan,
Biasanya kode <data: post.body> ada dua didalam template Blog, silahkan pilih kode yang ke dua atau yang paling bawah.

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Cara Memasang Artikel Terkait (Related Post) di Bawah Postingan. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

<a href="http://azka-veiro.blogspot.com/2012/07/cara-memasang-artikel-terkait-related.html" target="_blank">Cara Memasang Artikel Terkait (Related Post) di Bawah Postingan</a>

:: Get this widget ! ::