Membuat Artikel yang Berhubungan Berdasarkan Label

Sekarang kita belajar membuat "Artikel yang Berhubungan Berdasarkan Label" ( related post)...related post itu biasanya muncul dibawah postingan kita misalnya kita buat tulisan tentang Cara menulis yang baik trus label nya sama dengan tulisan Cara membaca yang baik, maka dibawah artikel Cara menulis yang baik akan muncul related post Cara membaca yang baik...kira kira seperti itu.
Sama seperti tutorial ku sebelumnya tinggal copy paste aja kode kodenya tidak sulit kan..heee , nah tapi yang ini harus hati hati ya pren caranya seperti ini:

1. Login ke Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Lalu Copy kode dibawah ini

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Artikel Yang Berhubungan</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>

5. Cari Kode <data:post.body/> dan letakkan script tadi dibawahnya ( di bawah kode <data:post.body/> ). Untuk blog yang ada link "readmore/baca selengkapnya" biasanya akan terdapat 2 kode. Taruh dibawah kode yang pertama.
6. Lalu simpan
7. Selesai

Tip untuk menemukan kode html secara cepat tekan CTRL+F lalu akan muncul kotak isian Find nah kamu ketik aja kode yang kamu cari disitu nanti tinggal tekan tombol next letak kode nya dak ketemu sendiri
Description: Membuat Artikel yang Berhubungan Berdasarkan Label Rating: 4.5 Reviewer: Unknown - ItemReviewed: Membuat Artikel yang Berhubungan Berdasarkan Label