Blogger Resimli Benzer Yazılar Eklentisi

 

Bu benzer yazılar eklentimizin özelliği ise yazıların başlarında konudan bir resim gösterilmesidir. Konuya koyduğunuz resim benzer yazılarda listelenen yazının başında gözükmektedir.

Hemen kuruluma geçelim.

İlk önce yerleşim > html'yi düzenle > widget şablonlarını genişlet diyoruz.

Şablonumuzda:

</head>

konudu buluyoruz ve üstüne

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
text-transform:none;
padding-left:5px;
}
#related-posts li {
list-style:none;
}
#related-posts h2{
font-size: 15px;
font-weight: bold;
color: #414141;
}
#related-posts a{
color:#868686;
}
#related-posts a:hover{
color:black;
}
a.bysaydamlik img{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
a.bysaydamlik:hover img{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}

</style>
<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/bloggerturkiye-resimlibenzer.js' type='text/javascript'/>
</b:if>

kodlarını ekliyoruz.

Sonra

<data:post.body/>

kodunu bulup altına

<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=5;
var relatedpoststitle=&quot;Benzer Yazılar&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

kodlarını ekliyoruz.

İşlem tamamdır. Herhangi bir sorun olursa yorum bölümünden bildirmeniz yeterli.