Cukup 2 Langkah Cara Membuat Artikel Terkait Bergambar

Membuat artikel terkait bergambar hanya dalam 2 langkah mudah saja. Selesai dan langsung bisa terlihat.
Selamat mencoba sobat.

Caranya:
1. Cari kode </head> kemudian letakkan kode berikut di atas kode </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<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: #585858;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#FFFFCC;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src=http://sastrablog.googlecode.com/files/relatedthumbs21.js type=text/javascript/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->


2. Cari kode <div class=post-footer> yang pertama. Letakkan kode berikut diatasnya.

<!-- Related Posts with Thumbnails Code Start-->
<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>
<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_thumbs&amp;max-results=6&quot; type=text/javascript/></b:if></b:loop>
<script type=text/javascript>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=8;
var relatedpoststitle=&quot;Related Posts&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style=clear:both/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Related Posts by Categories