Blogger Resimli Son Yorum Yapanlar Eklentisi


Benimde kullandığım son derece kullanışlı son yorumlar eklentisini bütün bloggerlere tavsiye ediyorum bloğunuzun bir köşesinde kesinlikle bulunmalı.

Sitenizde yapılan son yorumları liste haline getiren bu güzel uygulama üstelik yorum yapanların avatarlarınıda gösteriyor bu sayede göze hoş gelen ve dikkat çeken bir durum kazanıyor.

Gelelim nasıl ekleyeceğiz bu eklentiyi;
Yerleşim > Gadget Ekle > HTML/JavaScript Ekle dedikten sonra aşağıdaki kodları gelen ekrana yapıştırıyoruz.


<style type="text/css"> 
ul.w2b_recent_comments { 
    list-style: none; 
    margin: 0; 
    padding: 0; 

  
.w2b_recent_comments li { 
    background: none !important; 
    margin: 0 0 6px !important; 
    padding: 0 0 6px 0 !important; 
    display: block; 
    clear: both; 
    overflow: hidden; 
    list-style: none; 

  
.w2b_recent_comments li .avatarImage { 
    padding: 3px; 
    background: #fefefe; 
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc; 
    float: left; 
    margin: 0 6px 0 0; 
    position: relative; 
    overflow: hidden; 

  
.avatarRound { 
    -webkit-border-radius: 100px; 
    -moz-border-radius: 100px; 
    border-radius: 100px; 

  
.w2b_recent_comments li img { 
    padding: 0px; 
    position: relative; 
    overflow: hidden; 
    display: block; 

  
.w2b_recent_comments li span { 
    margin-top: 4px; 
    color: #666; 
    display: block; 
    font-size: 12px; 
    font-style: italic; 
    line-height: 1.4; 

</style> 
<script type="text/javascript"> 
//<![CDATA[ 
    // Recent Comments Settings 
    var 
 numComments  = 10
showAvatar  = true, 
avatarSize  = 40, 
roundAvatar = true, 
 characters  = 40
showMorelink = false, 
moreLinktext = "Git »", 
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm"
hideCredits = true; 
//]]> 
</script> 
<script type="text/javascript" src="http://yourjavascript.com/41216241963/bloghocam-resimli-son-yorumlar.js"></script> 
<script type="text/javascript" src="http://bloggerefendisi.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>

Kodlarda yapmanız gereken değişiklikler renkli bir şekilde duruyor
  • numComments  = 10  Buradan kaç yorum gösterileceği
  • characters  = 40 Buradan yorumların kaç karakteri gösterileceği
  • bloggerefendisi.blogspot.com Buraya ise kendi blog adresinizi yazıyorsunuz
Umarım işinize yarar iyi bloglar...
Previous
Next Post »