Java Code > Membuat Related Post

Untuk membuat Related Post atau Posting yang berkaitan, silahkan gunakan script di bawah ini.

1. Login ke akun blogger anda, buka Rancangan lalu Edit HTML.

2. Taruh script ini tepat di atas code </head>.

<script type="text/javascript">

//<![CDATA[

var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(){var b=Math.floor((relatedTitles.length-1)*Math.random());var a=0;document.write("<ul>");while(a<relatedTitles.length&&a<20){document.write('<li><a href="'+relatedUrls[b]+'">'+relatedTitles[b]+"</a></li>");if(b<relatedTitles.length-1){b++}else{b=0}a++}document.write("</ul>")};

//]]>

</script>

3. Taruh CSS ini tepat diatas    ]]></b:skin>.

/* RELATED-POSTS */

#rel-posts {font : 11px Verdana;border: 1px solid #ccc; margin-top: 20px;}

#rel-posts .widget h2, #rel-posts h2 {color : #940f04;background: #f4f4f4;font-size : 20px;font-weight : normal;margin : 0 ;padding : 5px ;border-bottom:1px solid #ccc;border-top:0;}

#rel-posts a {color : #054474;font-size : 11px;text-decoration : none;}

#rel-posts a:hover {color : #054474;text-decoration : none;}

#rel-posts ul {margin : 0;padding : 0;padding-left: 5px;}

#rel-posts ul li {line-height : 2em;border-bottom:1px dotted #cccccc;display: block;}

#rel-posts ul li:last-child{ border-bottom:none}

4. Taruh Code ini tepat dibawah     <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='rel-posts'>

<h2>Artikel yang Berkaitan</h2>

<b:loop values='data:post.labels' var='label'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:loop>

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

</div>

</b:if>

5. Simpan template anda dan silahkan di coba!!