Script Artikel Terkait Dengan Gambar

Script Artikel Terkait Dengan Gambar. Artikel terkait sering kita jumpai pada blog, untuk memasangnya kita perlu memiliki script untuk artikel terkait. Untuk itu berikut ini saya share script artikel terkait, silahkan dilihat script artikel terkaitnya berikut ini:

Script untuk diletakkan di atas kode </head>

<!--Related Posts with thumbnails by farhanshare.blogspot.com start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsOyiEhbYjwZlehsgApQCCe2H6Xw2b437-qfz-I1qgKK9JiIoUHiq8r8K0GIMwzouCLBHceHqpy4op4pCsKXuOqGw1TIxARcAqSRSMPC1ZDtYjfibnaRoeClOv48uvm4Ek6HhkyshiMzk/s400/noimage.png&quot;;
var maxresults=5;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;&quot;;
</script>
<script src='http://farhanshare-blogspot-com.googlecode.com/files/artikel_terkait_dengan_gambar.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails by farhanshare.blogspot.com End-->

Script untuk diletakkan di bawah kode <data:post.body/>

<!-- Related Posts with Thumbnails by farhanshare.blogspot.com Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<div class='credit-link' style='margin-left:0px;float:right;'>
<a href="http://farhanshare.blogspot.com" target="blank"> Get This Widget</a>
</div>
<!-- Related Posts with Thumbnails by farhanshare.blogspot.com End-->

Sumber:

Farhanshare

Lihat juga panduan...