Blogger İçin Wordpress Tarzı "Benzer Yazılar/Konular" Eklentisi

Blogger ile Wordpress'i eklenti konusunda kıyaslayacak olursak, bildiğiniz gibi Blogger birazcık geride kalıyor. Ancak bu açığı çok kolayca kapatabiliyoruz. Bunlardan birisi de "Benzer Konular" eklentisi. Peki Blogger için nasıl "Wordpress tarzı Benzer Konular" eklentisi ekleyebiliriz? Cevabı burda...

Bu konuyu araştırdım araştırdım ve imdadıma Realtrix yetişti. Elimden geldiğince, basit bir şekilde bunu size aktarmaya çalışacağım.

1.Aşama: Kontol Paneli>Yerleşim>HTML'yi Düzenle menüsüne geliyoruz. Burdan Ctrl+F komutu ile </head> kodunu aratıyoruz ve bu kodun hemen üstüne aşağıdaki kodları ekliyoruz:

<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://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") 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://technotrixdebajyoti.googlepages.com/RelatedPostsByRealtrix.co.cc.js' type='text/javascript'/>

Yukarıdaki kodları ekledikten sonra Şablonu Kaydet butonuna basarak şablonumuzu kaydediyoruz.
2.Aşama: Aynı menü içerisinde (HTML'yi Düzenle), sağ üst köşedeki Widget Şablonlarını Genişlet'i aktif hale getiriyoruz ve yine Ctrl+F komutu ile <data:post.body/> kodunu aratıyoruz. Bu kodun altına ise aşağıdaki kodları yapıştırıyoruz.

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </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&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Tekrar şablonumuzu kaydediyoruz ve eklentimizi eklemiş oluyoruz. Son bir düzenleme olarak şablon kodlarımızın arasında "Related Posts" yazısını bulup, bunu Türkçesi ile ("Benzer Konular") değiştirdiğimizde herşey tamam olacaktır.

Gösterilecek Benzer Konu sayısı yukardaki kodlarda standart 5 konu olarak geliyor. Bunu azaltmak veye arttırmak için <data:post.body/> kodundan sonra yapıştırdığımız kodlar arasında max-results=5'i buluyoruz ve ordaki 5 sayısını ne kadar benzer konu gösterilmesini istiyorsak o sayı ile değiştiriyoruz.

Son bir tavsiye; bu eklentiyi sağlıklı olarak kullanabilmek için tag lerinizi güzelce düzenlemeniz gerekiyor, bir nevi kategorilendirmeliyiz diyelim. Aksi halde eklenti, aynı tag leri bulamadığı için benzer konuları da gösteremeyecektir.

Sevgiler.

Vincent

---

Technorati tags:
blogger, blogger widget