12 Ocak 2017 Perşembe

Blogger Resimli Son Yorumlar Eklentisi

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?

8 yorum

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

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

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

oldu hocam bu sefer , ilkinde neden olmadı acaba ?

Mehmet Bey anlayamadım ne demek istediğinizi

avatarSize bende etki etmedi sizde bir kontrol eder misiniz?

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

Konu ile alakalı yorum gönderirseniz sevinirim. Yazı hakkındaki görüşleriniz sizden sonrakiler için önemli olacaktır.
EmoticonEmoticon