Membuat Tulisan Berhubungan (Related Posts)

“Related Posts” Hmm.. Pasti buat sobat blogger hal ini sudah tidak asing lagi, bahkan sudah banyak yang menggunakannya.

Dan yang mempostingkan cara membuat artikel berhubungan “Related Posts” ini sudah cukup banyak diantaranya dari Kang Rohman, http://trik-tips.blogspot.com, dan mungkin masih banyak lagi para master blog. Tetapi dari semuanya itu memiliki cara yang sama yaitu dengan hanya mengcopy kode berikut lalu di pastekan setelah code <data:post.body/>

Nah berhubung saya orangnya selalu ingin beda dan suka yang agak susah karena kalo susah waktu berhasil ada kepuasan tersendiri gitu :D jadi kenapa gak pake cara lain..!!!

Mau tahu cara lain untuk memasang posting berhubungan..?? Lanjut aja yuK..!!

1. Login ke blogger, klik “Layout” -> “tataletak” -> “Edit HTML”.
Pertama-tama klik “Download lengkap “template” untuk keamanan jika ada kesalahan, kecuali jika Anda memiliki kepercayaan diri yang lebih dan memang mengerti betul apa yang dilakukan.

2. Copy code dibawah ini lalu pastekan sebelum 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. Klik save template

4. Klik “Expand Template Widget”

5. Cari kode berikut:

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

6. Copy kode dibawah sebelum kode </b:loop>

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

7. Cari kode <p class=’post-footer-line post-footer-line-3′/>

8. pastekan code ini setelah kode <p class=’post-footer-line post-footer-line-3′/>

<b:if cond=’data:blog.url != data:blog.homepageUrl’>Artikel Berhubungan</b:if>

<script type=’text/javascript’>

removeRelatedDuplicates();

printRelatedLabels();

</script>

Nah kode

<b:if cond=’data:blog.url != data:blog.homepageUrl’>Artikel Berhubungan</b:if>

<script type=’text/javascript’>

removeRelatedDuplicates();

printRelatedLabels();

</script>

Merupakan tempat munculnya tulisan berhubungan. Jadi kamu bisa tempatkan code itu sesuai letak yang anda inginkan.!!!

Bagaimana lebih rumit dari yang biasa bukan..?? Ya udah semoga berhasil..!!!

Mungkin anda Suka

Filed Under: Blogger

About the Author

Mempunyai misi untuk memerangi kebodohan dan ketidaktahuan akan informasi serta menjunjung tinggi azas kebebasan berpendapat dengan harapan semua orang bisa mendapatkan pengetahuan dan informasi secara gratis atau murah.

Comments (8)

Trackback URL | Comments RSS Feed

  1. Immer, Active in Online Dynasis Network says:

    gak bisa

  2. Dodhy Rhitonga - Tax Officer says:

    salam kenal

  3. Nopi Mujiyanto says:

    Iya mas,..sbenarnya,sblumnya sy jga dah survei2 dlu via google scam tidaknya bux.to,kbanyakan pmbyaran dr bux.to telat,apalagi member standar, tp masih dibayar..Sy sndri masih nunggu PO-nya dah 2 blan nih..berharap2 cemas..he2..Ok, ntar sy cba PTC yg reckon dr Mas..Untuk literatur PTC bsa di cek dsini jga mas, ini yg sy dapetin ;
    http://bestpaidtoclick.org/

  4. copasblogamatir says:

    Waaah…
    susah banget yah mas….
    tp tak coba dulu ah…
    makasih banyak yah,

  5. Ordinary Person says:

    caranya bikin font nya lebih gede bagaimana?

  6. zonasaiin says:

    udah berhasil…:) thanks

  7. zonasaiin says:

    udah berhasil…:) thankss

  8. Yos says:

    trims sobat..iya ya lebih panjang ..nih jd bingung ( red..pegangan dulu ah )

    salam by yosaadi.blogspot.com

Leave a Reply




If you want a picture to show with your comment, go get a Gravatar.

CAPTCHA image