Saturday, 7 September 2013

Blogger için Benzer Yazılar Eklentisi




Merhabalar bu yazımda sizlere blogger için benzer yazılar eklentisini anlatacağım.Bu eklenti sayesinde yazılarınıza benzeyen yazıları gösterebilir ve ziyaretçilerinizin blogunuzda daha çok vakit geçirmesini sağlayabilirsiniz.Eklentinin kullanımı çok basit , her zaman ki gibi Şablon>Html'yi Düzenle yolunu izleyerek bazı kodlar ekleyeceğiz.Bu işlemi yaparken widget şablonlarını genişlet seçeneğini işaretlemeyi unutmayınız.Hemen anlatıma geçiyorum.

Öncelikle aşağıdaki kodu bulalım;
</head>
Yukarıda bulduğumuz kodun hemen üst satırına 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>
Bulduğumuz bu kodun hemen üst satırına aşağıdaki kodları ekliyoruz ve eklentimiz tamamdır.
<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>

  •  

No comments:

Post a Comment