Search This Blog

Related Post Tanpa Thumbnail Blogspot

  • Sunday, June 17, 2018 at 1:52:00 PM
  • 0 Comments
  • Views
Setelah berkali-kali gagal dalam mencoba kode-kode related post yang bertebaran di Google akhirnya aku menemukan satu tutorial yang kode related post nya bisa di terpakan di blogku. Tutorial ini aku dapatkan dari blognya Helplogger.

Pemasangan
Temukan kode berikut ini.
</head>
Letakan kode di bawah ini tepat di atas kode </head> tersebut.
<!-- Related Post Begin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
margin: 15px 0px;
}
#related-posts h2 {
font-size: x-large;
font-weight: normal;
color: #757575;
}
#related-posts a {
font-size: 16px;
display:block;
padding:0;
text-decoration: none;
}
#related-posts a:hover {
}
#related-posts ul {
list-style-type: square;
}
#related-posts li {
padding: 0px;
}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<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(currenturl){for(var i=0;i<relatedUrls.length;i++){if(relatedUrls[i]==currenturl){relatedUrls.splice(i,1);relatedTitles.splice(i,1)}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>1){document.write('<h2>'+relatedpoststitle+'</h2>')}document.write('<ul>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</ul>');relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length);}
//]]>
</script>
</b:if>
Temukan kode di bawah ini.
 <data:post.body/>
Kamu bakalan nemuin 2 buah kode tersebut, berhenti di kode yang pertama dan letakan kode di bawah ini di bawahnya tepat setelah kode <div style='clear: both;'/>. Atau kamu bisa meletakannya di mana saja di sekitar post footer apabila kamu sudah mengetahui seluk beluk template blogspot.
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
 <b:if cond='data:label.isLast != &quot;true&quot;'/>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/>
  </b:if>
</b:loop>
<script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script>
<a style="font-size: 9px; color: #CECECE; float: right;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Simple Related Posts Widget</a>
</div>
Simpan template.

Referensi
No comments
No comments

Post a Comment