2 Blogger Benzer Yazılar Eklentisi 2

Daha önce oluşturduğum Blogger Benzer Yazılar Eklentisi'nde outbrain aracılığıya nasıl Benzer Yazılar Eklentisi oluşturacağımızı anlatmıştım.Şimdi ise buna bir alternatif bulunmuş durumda.Outbrain gibi üyelik istemeyen bu eklentide sadece kodlarla oynayacağız.

İlk olarak Yerleşim / HTML'yi Düzenle'ye giriyoruz ve Widget Şablonlarını Genişlet'e tıklıyoruz.

Sonra aşağıdaki kodu buluyoruz:

</head>

ve üstüne bu kodu ekliyoruz:

<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: 18px;
font-weight: bold;
color: #003300;
}
#related-posts a{
font-size: 16px;
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://sites.google.com/site/bilquer/by.js' type='text/javascript'/>
</b:if>

Bu işlemi bitirdikten sonraysa aşağıdaki kodu buluyoruz:

<data:post.body/>

ve altına bu kodu ekliyoruz:

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

Bunları tamamladıktan sonra Benzer Yazılar Eklentisi şu şekilde olacaktır :