Blogger Resimli Son Yorumlar Eklentisi

Birbirinden güzel temalar ve faydalı eklentiler yapan Harish, yine çok şık bir eklenti yapmış.Harish’in yaptığı bu eklenti ile blogunuzda yapılan son yorumları, yorumu yazanın avatarı gözükecek şekilde, blogunuzun kenar çubuğunda gösterebiliyorsunuz.

Resimli son yorumlar eklentisini blogunuza eklemek için aşağıdaki kodları HTML/JavaScript olarak eklemeniz yeterli.

<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://gamewinsome.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>

Düzenlemeniz gereken yerler şu şekilde:

numComments = 10 : gösterilecek yorum adedi

characters = 40 : gösterilecek karakter sayısı

gamewinsome.blogspot.com : blogunuzun adresi 

Alıntı:Bloghocam

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

Benzer Yayınlar