Blogger Resimli Son Yorumlar Eklentisi

Teknojest
8

blogger-resimli-yorumlar-eklentisi

Sitenizin ne kadar aktif ve okuyucuları ile bir etkileşim içerisinde olduğunu göstermenin en güzel yolu yapılan yorumları göstermekle mümkün!

Bazı bloglarda özellikle sidebar kısmında blogger resimli yorumlar eklentisi ile yazılara yorum yapan kişiler ve yorumdan bir parça gösterildiğine şahit olmuşsunuzdur..

Bu eklenti size okuyucularınıza ne kadar aktif bir blog olduğunu göstermede ve onları yazılara yorum yapma konusunda teşvik etmede yardımcı olacaktır.

Peki blogunuzda yazılarınıza yapılan son yorumları avatarlı bir şekilde nasıl gösterebilirsiniz?

Direkt konu içeriğine geçmeden ufak bir teknik bilgi vermek istiyorum:

Bildiğiniz gibi blogumuzda yayınlanan son yazılar RSS okuyucular ile görüntülenebiliyor. Biz de bundan yararlanarak kimi zaman blogumuzda yer alan son yazıları blogumuzda gösteriyoruz.

Temelde aynı mantıkla son yapılan yorumları da içerik takibi gadget ile eklemek mümkün!

Eğer aşağıda yer alan içerik takibi linkini ilgili yere eklerseniz son yapılan yorumların görüntülendiğini fark edeceksiniz. Bunun için:

  • Yerleşim menüsünden gadget ekle kısmına tıklayn
  • İçerik takibi kısmını seçerek aşağıdaki linki ekleyin.

http://www.blogismi.com/feeds/comments/default

blogger-son-yorumlar-eklentisi-2

Son yazılan yorumların aşağıdaki gibi görüntülendiğini görebilirsiniz. Buradan ilgili kutucukları işaretleyerek gerekli ayarları da yapabilirsiniz:

blogger-son-yorumlar-eklentisi-3

Bu aslında çok sade ve yorum yapan kişinin avatarını göstermemekte. Gelin şimdi bunun daha gelişmiş ve şık halini nasıl yapabiliriz ona bakalım:

Blogger resimli son yorumlar eklentisi

Burada sizden sadece aşağıdaki kodları uygun bir şekilde girmenizi talep edeceğim. Çok kolay bir şekilde bu işlemi tamamlayabilirsiniz.

Hepinizin bildiği şekilde Yerleşim > Gadget ekle linkini tıklayarak html / Javascript seçeneğini seçin.

Aşağıdaki kodları kopyalayıp yapıştırın.

<style type="text/css">    ul.latest_recent_comments{list-style:none;margin:0;padding:0;} 
.latest_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;}  
.latest_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;}    
.latest_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} 
.latest_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
.latest_recent_comments span{display:none;}</style>
<script type="text/javascript">//<![CDATA[   var    numComments     = 8,    showAvatar     = true,    avatarSize     = 60,    roundAvatar    = true,    characters     = 30,    showMorelink    = true,    moreLinktext    = "Devamı &#65533;",    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",    hideCredits    = true;//]]></script>
<script src="http://yourjavascript.com/12251714239/mybloggerbuzz-com.js"></script>
<script src="http://www.teknojest.com/feeds/comments/default?alt=json&amp;callback=latest_recent_comments&amp;max-results=5" type="text/javascript"></script>

Kodlarda düzenleme yapabileceğiniz kısımlar:

  • Kodlarda düzenleme yapabileceğiniz kısımlar:
  • numComments = 5 >> Gösterilecek yorum sayısı
  • showAvatar = true >> Avatarı göstermek istemiyorsanız true yerine false yapın
  • avatarSize = 40 >> Avatar büyüklüğü
  • roundAvatar = true >> Avatar ın yuvarlak olmasını istemiyorsanız false yapın
  • characters = 40 >> Gösterilecek yorum karakter sayı
  • moreLinktext = "Devamı »" >> Devamı yerine başka bir ifade bırakabilirsiniz.
  • defaultAvatar = "http://www.gravatar.com/avatar/?d=mm >> Avatarı olmayanlar için gösterilecek varsayılan avatar

Ve son olarak da teknojest.com ifadesini kendi adresinizle değiştirmeyi unutmayın!

Son Sözler

Blogunuzu biraz daha şık ve kullanışlı gösterecek son yorumlar eklentisi konusunu sizlerle paylaştım. Basit haliyle anlattım fakat anlaşılmayan bir şey olursa sormaktan çekinmeyin!

Söz sizde. Kullanmayı düşünüyor musunuz?

Tags

Yorum Gönder

8 Yorumlar
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Yazı hakkındaki görüşleriniz sizden sonrakiler için önemli olacaktır.

  1. Güzel ve faydalı bulduğum bir yazı. Bu tür kod arayanların işine yarayacaktır.

    YanıtlaSil
  2. Ekledim ancak çalışmıyor bkz : zompir.com

    YanıtlaSil
    Yanıtlar
    1. FahriCan Bey az önce tekrar denedim, çalışıyor. Muhtemelen ya kodların tamamını almadığınız ya da kendi site isminizi yazmadınız. Tekrar deneyip sonucu yazar mısınız?
      Teşekkürler

      Sil
    2. oldu hocam bu sefer , ilkinde neden olmadı acaba ?

      Sil
  3. içerik takibi yok eklentilerde?

    YanıtlaSil
    Yanıtlar
    1. Mehmet Bey anlayamadım ne demek istediğinizi

      Sil
  4. avatarSize bende etki etmedi sizde bir kontrol eder misiniz?

    YanıtlaSil
    Yanıtlar
    1. Tekrar dener misiniz? Açıklama kısmı kod içinde kalmış. Recent comment diye yazan yeri kaldırdım

      Sil

Yazı hakkındaki görüşleriniz sizden sonrakiler için önemli olacaktır.

Yorum Gönder
>
Our website uses cookies to enhance your experience. Learn More
Accept !