Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Blogger için 'Benzer Yazılar' eklentisi


FacebookTwitterPinterestTumblrYazdır


Herkese yeni bir blogger dersleri yazı dizisinden merhabalar. Bu sefer de her zaman ki gibi, bildiğim kadarı ile, güzel bir blogger eklentisini anlatacağım. Bu sefer ki eklenti de, belki de bir çok blogger'ın bildiğini düşündüğüm bir eklenti olan; Benzer Yazılar eklentisi.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>


    • Yasin
    • 30 Aralık 2011, 16:56

    Teşekkürler :)

    • can
    • 20 Şubat 2012, 16:03

    güzel paylaşım olmuş elinize sağlık

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yukarı Çık