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.

son_yorumlar

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.

Ozan Başer

Merhaba ben Ozan Başer. EhliBlog'da ve elbette Ehliforum (Blogculara Özel Forum)'da yazıyorum. Blogger, seo, adsense, sosyal medya ve google ürünleri hakkında faydalı ve kaliteli içeriği okuyucularıma sunmaya çalışıyorum. C#, PHP, Javascript gibi uğraşılarım var. Web ve online teknolojiler ile ilgili birçok konuda fikirlerimi sizlerle paylaşıyorum.

8 yorum:

  1. usta çalışmadı, galiba bir yerde problami var ?

    YanıtlaSil
    Yanıtlar
    1. javascript dosyası silinmiş sanırım.Bulabilirsem güncelleyeceğim

      Sil
  2. buradaki javascript dosyasını dener misiniz?
    /helplogger.googlecode.com/svn/trunk/w2b recent comments with avatars.js

    YanıtlaSil
  3. Çok teşekkür ederim. Merak ettiğim ve aradığım bir konuydu.

    YanıtlaSil
  4. bilgi için teşekkür ederim web sitemizde uyguladık çalıştı.

    YanıtlaSil
  5. yardımcı oldu teşekkürler...

    YanıtlaSil
  6. geçekten mükemmel bir sistem teşekkürler.

    YanıtlaSil

Yorumunuza gelecek cevabı takip etmek "beni bilgilendir" kutucuğuna işaretleyebilirsiniz.