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