Cara membuat Related Post /Posting yang berkaitan

Realated Post atau biasa di sebut Posting berkaitan atau juga Artikel terkait
yang biasa di tampilkan berdasarkan nama dari Categori Postingan.
Realated Post biasanya berupa link dari judul Categori Postingan blog. yang biasa di temukan pada bagian bawah akhir postingan. yang tentunya mempermudah pengunjung untuk menemukan artikel-artikel terkait dari postingan kita.tanp[a harus mencari satu persatu artikel postingan pada categori posting kita.
agar lebih jelasnya lihat gb.

Tampilanya kurang lebih seperti itu .
yupz ! gak perlu saya banyak kata Langsung saja ke pokok pembahasan.
yaitu cara membuat Related Post.

langkah

masuk pada Template => edit HTML

kemudian cari code </head> copy pas code javascrip di bawah ini tepat di atas code tadi.
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
   relatedUrls[relatedTitlesNum] = entry.link[k].href;
   relatedTitlesNum++;
   break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
   tmp.length += 1;
   tmp[tmp.length - 1] = relatedUrls[i];
   tmp2.length += 1;
   tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
   r++;
} else {
   r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

jika sudah jangan lupa simpan.

Langkah II
masuk pada Template => edit HTML jangan lupa kasih tanda centang pada exspand widget template
kemudian cari code di bawah ini.
<b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>

jika sudah ketemu.
tambahkan code di bawah ini.

<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
untuk lebih jelasnya kurang lebih codenya nanti akan tampak seperti di bawah ini.

<b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
          </b:loop>
        </b:if>
jika sudah jangan lupa di simpan.
Sampai disini Proses edit HTML telah selesai.

Langkah III
sekarang kita beralih ke elemen halaman
tambahkan sebuah Elemen Halaman kasih judul "artikel terkait" atau apa terserah
kemudian masukkan scrip di bawah ini.

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

Jangan lupa di simpan.

Agar Realated Post ini hanya tampil pada halaman tunggal postingan.

kita perlu menambahkan beberapa code.
pada HTML kita.
caranya :
kita kembali lagi pada Edit HTML dan seperti biasa centang pada Exspand widget template
kemudian cari code seperti berikut:

<b:widget id='HTML13' locked='false' title='Artikel pada kategori yang sama' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
    <data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

catatan:

pada HTML13 itu hanyalah saya gunakan sebagai acuan
Pada Artikel pada kategori yang sama ini adalah acuan dari nama judul yang anda buat tadi pada Langkah III tadi jadi Carilah Judul yg anda buat tadi pada HTML anda.