Membuat Related Post di Blogspot

Untuk membuat Related Post dibutuhkan beberapa langkahberikut:

Langkah Pertama

1.Log in --> Click Layouts --> Click EDIT HTML dan cari kode di ini </head>

2.Copy kode di bawah ini dan letakan di atas kode </head>

<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>

3. Save Template

Langkah Kedua

1. Klik Edit HTML
lagi dan beri centang pada Expand Widget
Template.

2. Cari kode 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>

3. Masukan kode merah diantara kode-kode di atas. Lihat 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&amp;callback=related_results_labels&amp;max-results=10"'
type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

4. Save Template

Langkah ketiga

1. Di dashboard menu --> Klik Layouts --> Add A Gadget dan pilih HTML/Javascript

2. Copy kode di bawah
ini dan masukan di kotak yang tersedia

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

3. Beri Judul, misalnya Related Post atau
Post yang berkaitan atau
sejenisnya.

4. Jangan lupa Simpan

Langkah ke empat
 

Untuk tidak membuat Related Post muncul di halaman utama dari blog
tapi muncul di halaman postingan atau single page, kita harus menambahkan
beberapa kode.

1. Cari kode di bawah ini. Fokus saja pada
tulisan Related Post atau Post yang berkaitan (tergantung dari judul yang
kalian buat di step 3 pada langkah ke 3)

<b:widget id='HTML13' locked='false'
title='related post' type='HTML'>
<b:includable
id='main'><b:if
cond='data:blog.pageType == "item"'>
<!--
only display title if it's non-empty -->
<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>

2. Kode merah diatas
adalah kode yang harus di tambahkan.

3. Save template dan Sekarang lihat
hasilnya. Klik disini untuk melihat contohnya.

Thanks To Kang O-OM for the hacks