Blogger Resimli Benzer Yazılar Eklentisi

Son zamanlarda kullanılmaya başlanan Blogger eklentileri gün geçtikçe gelişimini sürdürmeye devam ediyor.

Wordpress kadar geniş bir eklenti hazinesine sahip olmasa da değişik alternatifler sunan Blogger, umarım daha fazla eklentiyle karşımıza çıkar.

Kendi Blogumda kullanmaya başladığım resimli benzer yazılar eklentisini kurmak için, öncelikli olarak kullanıca panelimize girip, yerleşimden HTML'yi düzenle'yi seçiyoruz.

Ctrl+f tuşları yardımıyla </head> kodunu bulup, hemen öncesine aşağadaki kodu ekliyoruz.

<!--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: 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 src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>

</b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

Yine ctrl+f tuşları yardımıyla, <div class='post-footer-line post-footer-line-1'> ya da değişiklik gösteren bazı temalarda <p class='post-footer-line post-footer-line-1'> kodunu bulup hemen altına aşağıdaki kodları ekliyoruz.

<!-- 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><a href='http://www.yucelyilmaz.net/2010/07/blogger-resimli-benzer-yazlar-eklentisi.html' style='display:none;'>Blogger Resimli Benzer Yazılar Eklentisi</a>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=5;

var relatedpoststitle="Benzer Yazılar";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

<!-- Related Posts with Thumbnails Code End-->

Yaptığınız işlemleri kaydettiğinizde, yazılarımın altında görmüş olduğunuz resimli benzer yazılar eklentisine sahip oluyorsunuz.