Blogger, resimli benzer yazılar eklentisi!

Resimli benzer yazılar eklentisi,Blogger sayfalarınıza içerik ekledikten sonra alt kısmında görünmesini sağlayacak bu eklenti ziyaretçilerinizin blogunuza daha çok gezinmesine ve onlarla ilgili diğer ilgi çeken konulara rahatlıkla ulaşabilmelerini sağlar.

Kendi blogumda kullandığım eklentiden bir görüntü;

1.Aşama: Şablonunuzdan </head>  kodunu bulun ve bunun hemen üstüne aşağıdaki kodları ekleyin:

<!--Safakozt blogger eklentileri-->
<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: #F1921A;
font-family: Times New Roman;
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:none;
border: 1px solid #ddd
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgePz9SUPl0W_0kEwE-n4gc9K3MZPPq7FiLIOuRKu-_zGIVG8i0QXDWkeWhV1rL27G5r7ro4YYJGkhBZK45s6B9t9IBlKqNB2RospXv0ysCx1yPs7rfOuJNEVmfMX8GXy3YxmUYgk87ltU/s72/no-image.PNG&quot;;
var maxresults=5;
var splittercolor=&quot;#E6E7E8&quot;;
var relatedpoststitle=&quot;Aynı Kategoriye Ait Diğer Yazılarımız:&quot;;
</script>
<script src='http://dl.dropbox.com/u/60346665/resimli-benzer-yazilar.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Resimli benzer yazılar eklenti sonu-->

2.Aşama: Şablonunuzdan <div class='post-footer'> kodunu bulun ve hemen altına aşağıdaki kodları ekleyin:

<!-- 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> 

1.Aşamadaki "var maxresults=5;" kısmında kaç haber gözükmesini istiyorsanız ayarlayabilirsiniz şuan ilgili konu yan yana gözükmektedir.