Membuat Daftar "Related Post" Di Bawah Posting

Jika anda tengok setiap posting saya, di bawahnya pasti terdapat daftar posting yang berhubungan dikelompokkan berdasarkan kategorinya. Itu berfungsi untuk mempermudah para pembaca sekalian yang ingin melihat posting - posting saya yang lain dengan kategori yang sama.

Untuk membuatnya, cukup mudah kok. Simak saja baik - baik penjelasan saya di bawah ini.

Seperti biasa, saran saya sebelum anda memulai tweaking script blog anda, tidak ada salahnya untuk mem-backup template blog anda untuk menghindari kesalahan dan hal - hal yang tidak kita inginkan.

Sudah siap?? Here we go, begini ceritanya....

Dari penuturan sang empunya bloggeruniversity (Annie), langkah - langkahnya adalah sebagai berikut :

Langkah 1: Mari menuju Dashboard | Layout | Edit HTML kemudian beri tanda cawang pada expand widget template, lalu cari kode berikut ini

<data:post.body/>

Langkah 2: Copy-kan kode di bawah ini setelah kode yang baru saja anda cari seperti yang telah disebutkan pada langkan diatas

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

<div class='similiar'>





<div class='widget-content'>
<h3>Baca Juga Posting Ini</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
</div>
<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>

Jangan lupa save pekerjaan anda, tuntas sudah. Silakan lihat sendiri hasilnya.

Catatan : jika menemui kesulitan, kritik, atau saran, silakan tinggalkan komentar anda pada kotak komentar yang tersedia di bawah ini.