Cara membuat Related Post

Dalam postingan kali ini saya akan membahas tentang cara membuat Related Post, Postigan ini adalah permintaan dari teman, baiklah langsung saja  ini dia tutorialnya.

1. Login ke akun blog kalian Klik disini
2. Klik rancangan --> Template --> Edit HTML
3.Kemudian cari kode </head>, untuk mempermudah mencari kode gunakan CRT+F
4. Letakan kode dibawah ini tepat diatas 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>

5. Lalu kalian cari kode <data:post.body/>
6. Letakan kode di bawah ini, tepat di bawah kode  <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=15"' type='text/javascript'/> </b:if> 

</b:loop> 

</b:if> 

<b:if cond='data:blog.pageType == "item"'> 

<h4>Artikel Terkait <b:loop values='data:post.labels' var='label'><data:label.name/>

<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></h4> 

<script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels(); 

</script> 

</b:if>

7. Simpan tempelate

Artikel Terkait Info Desain Blog

Ditulis Oleh : Rifky ~ Home Info

Kalian sedang membaca artikel tentang Cara membuat Related Post. Saya memperbolehkan kalian untuk mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://homeinfoblogger.blogspot.com/2013/07/cara-membuat-related-post.html" target="_blank">Cara membuat Related Post</a>

:: Get this widget ! ::