Blogger için ‘Benzer Yazılar’ eklentisi

Herkese yeni bir blogger dersleri yazı dizisinden merhabalar. Bu sefer de her zaman ki gibi, bildiğim kadarı ile, güzel bir bloggereklentisini anlatacağım. Bu sefer ki eklenti de, belki de bir çok blogger’ın bildiğini düşündüğüm bir eklenti olan; Benzer Yazılareklentisi.Bu eklenti sayesinde, yazılarınıza benzeyen yazıları gösterebiliyorsunuz. Kaldı ki eklentinin kurulumu da zor diyemem. Adımlar biraz uzun gibi gözükebilir, fakat aşağıdaki adımları doğru bir şekilde uygular iseniz Benzer Yazılar eklentisini kullanmaya başlayabilirsiniz..

Öncelikle aşağıdaki kodu bulalım;

</head>

Daha sonra, yukarıdaki koddan önce aşağıdaki kodları ekleyelim;

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i974.photobucket.com/albums/ae221/themescook/xclearfam/bullet_star.png") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://teknobeyin.googlecode.com/files/benzeryazilar.js' type='text/javascript'/>

Yukarıdaki kodları ekledikten sonra, aşağıdaki kodu bulalım;

<p><data:post.body/></p>

Ve son olarakta, yukarıdaki koddan önce aşağıdaki kodları yapıştıralım;

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Benzer Yazılar : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&callback=related_results_labels&max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>