Related Post atau yang sering kita kenal dengan "artikel yang berhubungan / Artikel yang berkaitan" banyak kita jumpai di blog- blog bahkan bisa dikatakan wajib ada di blog- blog atau website. Dengan adanya Related Post ini, maka pembaca dengan mudah bisa menemukan Topik- topik lain yang sama dengan suatu post.
Related Post atau "Artikel yang berkaitan" ini sering kita jumpai di blog- blog kawan yang letaknya do bawah artikel- artikel blog mereka. Ada juga yang memasang Related Post di bagian Sidebar suatu blog, misalnya Blog O-om, blog Mas doyok, Dan blog saya sendiri . Kali ini kita akan membahas cara memasang Related Post di Sidebar Blogspot. Tenang dan tetap semangat, cara- caranya tidak begitu sulit dan pastinya mudah teman- teman pahami.
- Login ke akun blogger kawan
- Pada Dashboard, pilih Tata Letak - Edit HTML
- Jangan lupa sebelumnya Back Up dahulu template kawan, mengantisipasi terjadinya kesalahan dengan mengklik Download Template Lengkap
- Centang kotak kecil Expand Template Widget
- Letakkan kode- kode di bawah ini 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> - Cari kode ini:
<b:if cond='data:post.labels'>
Jika telah ketemu, ganti semua kode di atas dengan kode di bawah ini:
<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><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> - Klik Simpan Template
- Pada Halaman Tata Letak - Elemen Halaman, buat gadget baru > Add Gadget - HTML/Javascript , beri judul "Artikel Terkait" dan isi kode di bawah ini di dalamnya: (atur sendiri Letak Gadget dengan mendrag dan simpan)
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script> - Agar related post ini tidak muncul di halaman utama dan label, anda perlu sedikit memodifikasi widget ini.
Masuk kembali ke edit HTML. Centang expand widget template, dan temukan kode ini :<b:widget id='HTML4' locked='false' title='Artikel Terkait' type='HTML'>
Ganti semua kode di atas dengan kode:
<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><b:widget id='HTML4' locked='false' title='Artikel Terkait' 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> - Klik Simpan Template
Silahkan lihat hasilnya. Selamat mencoba!!!.
NB: untuk mengatur banyaknya Related post yang muncul bisa mengganti angka / bilangan pada> max-results=10.
Demikian artikel tentang Related Post di Sidebar Blogspot ini dapat kami sampaikan, semoga artikel atau info tentang Related Post di Sidebar Blogspot ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.
