Bagi yang belum tahu apa itu related topic, related topic itu letaknya dibawah posting anda, yaitu topik2x yang berhubungan dengan posting yang sedang dibaca, kalau pada blogger related topic berdasarakan labels. Misalnya label posting anda ialah ‘Ngeblog’ dan artikelnya berjudul Trik Membuat read more’ maka related topic yang tampil dibawah artikel semuanya berlabel ‘Ngeblog’. Dan di posting ini saya beri tips cara membuatnya, dan menurut saya dari semua cara memasukan related topic yang saya temui, cara inilah yang paling akurat, walaupun sedikit rumit. Inilah langkah-langkahnya.
Sekali lagi saya ingatkan trik ini hanya untuk Blogger beta.
Pertama-tama ke dashboard — Template dan Edit Html dan copy-paste kode dibawah ini di atas <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 < rel =”=”" tmp =” new” tmp2 =” new” i =” 0;” relatedtitles =” tmp2;” relatedurls =” tmp;” j =” 0;” r =” Math.floor((relatedTitles.length” i =” 0;” href=”‘ + relatedUrls[r] + ‘”>’ + relatedTitles[r] + ‘</a></li>’);
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write(’</ul>’);
}
//]]>
</script>
Kemudian anda save template, lantas klik “Expand Widget Template” dan temukan kode dibawah 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>
Kemudian anda ganti dengan kode dibawah 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>
Catatan: Lihat yang saya bold yang ini “max-results=10″‘” bisa anda rubah sesuai jumlah kebutuhan anda.
Kemudian “save template” dan ke “Page Elements” dan masukan HTML/JAVASCRIPT widget. Maka copy-paste lah kode berikut ini di HTML/JAVESCRIPT Widget anda:
<script type=”text/javascript”>
removeRelatedDuplicates();
printRelatedLabels();
</script>
Kemudian ‘SAVE’, dan sekarang langkah terakhir, yaitu kembali ke EDIT HTML dan klik “Expand Widget Template” dan temukan ini:
<b:widget id=’HTML13′ locked=’false’ title=’Related Posts’ type=’HTML’>
<b:includable id=’main’>
<!– 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:includable>
</b:widget>
Lantas gantilah kode diatas dengan kode berikut ini:
<b:widget id=’HTML13′ locked=’false’ title=’Related Posts’ 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:blog.homepageUrl != data:blog.url’>
<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>
Lantas ’save template’. Maka mulai dari sekarang di bawah setiap posting anda akan muncul ‘RELATED POST’ dengan semua posting yang ber’Labels’ sama.
Thanks to Purple Moggy for this widget and also thanks to Ilham Saibi untuk masukannya.
Selamat mencoba and Good Luck!
Semoga bermanfaat.
Feedburner dengan RSS | 
Update lewat Email | 
Berlangganan Via RSS
Atau Via Email, silahkan masukan Email Di sini:
I’m back kang maaf komntar2 yg kemarin lom sempet...
he he he
sama sama mas, namanya juga belajar bareng…
[Reply]
Pak tanya, gimana caranya agar feed blog kita tdk diindex google.
Bisa dioprek gak GWT nya?
[Reply]
alasannya kenapa tidak ingin feed blog kamu terindex google,?
[Reply]
Ilmu baru, segera di praktekkin nih …..
[Reply]
Bi, Saya dah Coba Praktekin cara ini tapi setiap di save kok muncul pesan Error mulu? Pesan Error tsb Muncul pada Langkah kedua Tutorial diatas.
Mohon Pencerahan……
Trim’s…..
[Reply]
@rey related post dari purple moggy ini memang agak ruwet, insha Allah besok saya akan posting tutorial untuk related post yang lebih simpel.
[Reply]
assalamualaikum akh.
ana edit kok munculnya “Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: Open quote is expected for attribute “{1}” associated with an element type “cond”.
gimana neh. ana minta tolong antum editin aja yaaaaa. tentang artikel ini.
wassalamualaikum
[Reply]