Blogger En Çok Yorum Yapılan Yazılar Eklentisi

Ziyaretçilerimizin sitemizde daha fazla zaman geçirmeleri için sitemizde yada blogumuzda bir takım çalışmalar yaparız. Bu çalışmalardan bir tanesi de blogumuzda bulunan yazılarımız arasında en çok yorum yapılan yazılarımızı listelemektir. Blogumuzda bulunan eski yazıları bu şekilde ziyaretçilerimize gösterme imkanımız olacaktır. Bu şekilde eski ve yorum yapılan yazılarımıza link vermiş ve bu yazılarımızın trafiğini arttırmamız sağlanmış olacaktır.

Blogumuz için en çok yorum yapılan yazılar eklentisini hızlı basit bir şekilde ekleyebiliriz.

En çok yorum yapılan yazılar eklentisini blogumuza eklemek için; Blogger Kontrol Paneli > Yerleşim > Gadget Ekle > HTML/JavaScript yolunu takip ettiğimizde açılan küçük pencereye aşağıdaki kodları eklememiz yeterli.

<style>
.commentbubble { 
background: #292D30; 
width: 49px; 
float: left; 
margin: 2px 20px 35px 0px; 
font-weight: bold; 
font-size: 1.3em; 
text-align: right; 
font-family: georgia,Helvetica; 
padding: 0px 0px 5px 0px; 
text-align: right; 
color: #FFF; 
text-shadow: 4px 1px #202022; 
position: relative; 
top: 5px; 
} 
.commentbubble:after { 
content: ' '; 
position: absolute; 
width: 0; 
height: 0; 
right: 0px; 
top: 100%; 
border-width: 5px 8px; 
border-style: solid; 
border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); 
top: 34px; 
right: 6px; 
}
</style>
<script type="text/javascript"> 
function getYpipePP(feed) { 
document.write('<ul style="list-style:none; ">'); 
var i; 
for (i = 0; i < feed.count ; i++) 
{ 
var href = "'" + feed.value.items[i].link + "'"; 
var pTitle = feed.value.items[i].title; 
var pComment = + feed.value.items[i].commentcount; 
var pList = '<li style="clear:both; padding:10px 0px 30px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; "> <div class="commentbubble">' +pComment +  "&#160;&#160;</div>" +  "<a href="+ href + '" target="_blank">' + pTitle ; 
document.write(pList); 
//to remove comment count delete this line 
document.write('</a></li>'); 
} 
document.write('</ul>'); 
} 
</script> 
<script src="http://pipes.yahoo.com/pipes/pipe.run? 
 YourBlogUrl=http://www.xtreal.net 
&ShowHowMany=6 
&_id=390e906036f48772b2ed4b5d837af4cd 
&_callback=getYpipePP 
&_render=json" 
type="text/javascript"></script>

Kodlar arasında düzenlememiz gereken bazı noktalar bulunmaktadır. Bu düzenlemeleri belirtmek gerekirse;

Blogunuzun URL'sini değiştirmek için http://www.xtreal.net

Gösterilmesini istediğiniz yazının sayısını değiştirmek için 6

Yorum sayılarının gösterildiği alanın arka planını değiştirmek için #292D30

Yorum sayılarının metin rengini değiştirmek için #FFF

Yorum yapılan yazıların altında bulunan ayırma çizgilerinin rengini değiştirmek için #dedede değiştirin. Bu ayırma çizgilerini göstermek istemiyorsanız bordet-bottom: 1px dashed #dedede silin.

Tüm bu işlemleri tamamladıktan sonra kaydet butonuna tıklayarak en çok yorum yapılan yazılar eklentisini blogunuza eklemiş oluyorsunuz.

Bu eklenti ile daha zengin bir görünüme sahip ve ilgi çekici bir blog sahibi olabilirsiniz. Bir sonraki yazılarımızda blogger widgetlerinin başlıklarını nasıl değiştireceğimizi gösteren bir yayınımız olacaktır. Yazılarımızı kaçırmamak için mail abonesi olarak yazılarımızın size e-posta yoluyla ulaşmasını sağlayabilirsiniz.