Avatarlı Son Yorum Yapanlar Nasıl Gösterilir

Yorumlar kuşkusuz blogların vazgeçilmezidir.Yazdığınız yazılardan sonra yapılan yorumlar sizin yazınızın okuyucada nasıl bir etki oluşturduğunu yapılan yorumlarla anlayabilirsiniz.Tabii iyi yorum alabilmek için okuyucunun dikkat çekeceği yazılar yazmak ve onları yorum yapmaya teşvik etmek önemlidir.İşte bu noktada okuyucuların yorum yapmada cesaretlendirecek onları teşvike decek bir araçtan bahsetmek istiyorum:

Resimli son yazılar eklentisi blogunuzun sidebar ını renklendirecek güzel bir araç.Bu araç sayesinde blogunuzda yorum yapan kişiler avatarıyla birlikte yaptığı yorumun kısa özetini içeren bir kısım görebilecekler.

Gelelim bu aracı blogunuza nasıl ekleyebileceğimize.

Blogger hesabınıza giriş yaparak Yerleşim den Html/Javascript ekle seçeneğini seçerek aşağıdaki kodları ekleyin:

<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  = 5,
 showAvatar  = true,
 avatarSize  = 40,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<p style="display:none;">Recent Comments Widget for 
Blogger With Avatar For Blogger by <a
 href="http://www.ehliblog.com/">
Blogger İpuçları</a></p>
<script type="text/javascript"
 src="http://bloggerblogwidgets.googlecode.com/svn/trunk/
w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://yourblogname.
blogspot.com/feeds/comments/default?alt=json&callback=
w2b_recent_comments&max-results=5"></script>

Yukarıdaki renkli kısımları kendi sitenize uygun olarak düzenleyin ve kaydet diyerek blogunuzu görüntüleyin.Sitenizde yorum yapanlar avatarıyla birlikte yorumunun gösterildiği widget ı göreceksiniz.