BLOGGER İÇİN BENZER YAZILAR EKLENTİSİ (KODU)

Benzer yazılar kodunu blog sitenize eklemek istiyorsunuz ama piyasadaki birçok kod örneğinde problem yaşadınız ya da temanıza uygun olmadı ya da daha başka bir engel çıktı ve ekleyemediniz. Sizlere aşağıdaki kendi hazırladığım kodu önerirken diğerlerinden daha iyi olduğumu söylemeyeceğim. Ama yine de işinizi göreceğinden emin olabilirsiniz.


Benzer yazılar, yazılarınızda kullandığınız etiketlerle uyumlu paylaşımların, yazınızın altında o yazıyla ilgili olarak gösterilir. Böylece sitenize giren ziyaretçi o yazıyı okuduktan sonra onunla ilgili (benzeyen) paylaşımların başlıklarına bakarak dikkatini çekecek (mutlaka çeker) linke tıklayarak sitenizde daha çok duracak ve bu sizin işinize gelecektir.


Öncelikle Şablonunuza girip her zamanki gibi widgetleri genişlet diyorsunuz ve  </head> kodunu aratıp buluyorsunuz. Bu kodun hemen öncesinde 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://enginsevincbenzeryazilar.googlecode.com/files/benzeryazilar.js' type='text/javascript'/>

Yukarıdaki kodu ekledikten sonra <p><data:post.body/></p>  kodunu arayıp bulun bir zahmet ve bu koddan hemen önce aşağıdaki kodu da ekleyip kaydedin. Daha sonra temanızda çalışıp çalışmadığını kontrol edin. (Büyük ihtimal çalışacaktır ve yüzünüz gülümseyecek.) Daha sonra kaydettiğiniz temanızın yedeğini almayı unutmadan gelip mavi ile işaretlediğim yerleri değiştirerek kendinize uygun benzer yazılar görünümü ayarlayabilirsiniz.

<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>

işlem sona ermiştir. aklınıza takılan soruları ve yaşadığınız problemleri yorumlarınızda dile getiriniz. zenginleştirmek size kalmış. haydi kolay gelsin!!!


not: js kodunu geliştirmek isteyenler için dosyamı buradan indirebilirsiniz :)