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

8 comments

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/

Reply

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

Reply

caranya bikin font nya lebih gede bagaimana?

Reply

udah berhasil...:) thanks

Reply

udah berhasil...:) thankss

Reply

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

salam by yosaadi.blogspot.com

Reply

Post a Comment