EndangKusman.Com

Blogging, Belajar Nge-Blog & Berbagi Info

Cara Membuat Posting Terkait atau Related Post di Blogspot

Cara Membuat Related Post di Blogspot

Apabila blog Anda masih menggunakan template Blogger, tentunya beum dilengkapi realated post atau posting terkait yang biasanya diempatkan di bawah halaman posting. Related post sangat berguna bagi pengunjung untuk melihat postingan yang sejenis atau terkait berdasarkan tag atau label. Sebagai ganti related post, banyak blogger yang menggunakan fasilitas linkwithin berupa tampilan gambar atau teks. Tapi menurut saya linkwithin itu bukan related post atau posting terkait, dan apabila menggunakan linkwithin berupa gambar, halaman blog terlalu ramai dengan gambar.

Template eksternal-pun ada juga yang belum dilengkapi related post. Apabila template blogspot Anda mau dipasang related post, ikuti caranya sebagai berikut :

1. Login ke blogspot Anda
2. Pilih menu Template
3. Backup template lama Anda dan simpan di komputer
4. Pilih edit HTML dan centang expand
5. Cari kode </head> gunakan control F
6. Copy kode di bawah dan jangan ada yang terlewat dan paste tepat di bawah kode (No. 5).

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

7.Kemudian cari kode <data:post.body/> (gunakan ctrl F), kode berikut tempel persis di bawah kode tersebut.

<data:post.body/>
<b:if cond=’data:post.labels’>
<b:loop values=’data:post.labels’ var=’label’>
<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=5″‘ type=’text/javascript’/>
</b:if>
</b:loop>
</b:if>
<b:if cond=’data:blog.pageType == “item”‘>
<h4>Artikel Terkait</h4>
<script type=”text/javascript”>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

8. Kalau sudah berhasil lalu Save Template, dan selesai.

Apabila pada template blog Anda ada dua kode <data:post.body/> apabila di tempel di bawah kode ke satu tidak berhasil, maka ulangi lakukan di bawah kode ke dua,  Ok! Selamat mencoba.

Updated: 13/07/2012 — 11:13 pm
EndangKusman.Com © 2015 - Contact - Privacy - Disclaimer - Sitemap Frontier Theme