30 Nisan 2012 Pazartesi

Blogger Resimli Son Yorumlar Eklentisi

48 yorum

 

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.

 

Blogger Resimli SonYorumlar Eklentisi

 

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://bloghocam.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ı
  • bloghocam.blogspot.com : blogunuzun adresi

  • 48 yorum:

    1. denedim, çok beğendim.. paylaşım için teşekkürler..

      YanıtlaSil
    2. avatarların daire içerisinde gözükmesi daha bir güzellik katmış. Blogumda kullanmaya başladım bile teşekkürler hocam..

      YanıtlaSil
    3. hocam yazılarımızın yanına koyduğumuz görsellerin üzerine gelindiğinde tıklanmamasını nasıl yapıyoruz.sizin sayfanızda öyle benim görsellerin üzerine geldiğimde tıklanabiliyor.

      YanıtlaSil
    4. slm hocam benim blogumun arka plan rengini nasıl değiştirebilirim koyu yapmak istiyorum, şablondan değişmiyor, sanırım blogla uyumsuz, değişecek yerleri aşağıdaki linkten görebilirsiniz..yardımcı olabilirseniz tşklr...



      http://i.imgur.com/nh1M7.png


      sitem: http://www.panterman.net/

      YanıtlaSil
    5. hocam benim siteye cvp dönmüssün tşklr ancak hocam ben yapamadım, HTML kodumun hepsini kopyaladım, aşağıdaki linkte, müsait zamanda bi bakabilirseniz iyi olur şimdiden tşlr..


      http://www.mediafire.com/?23q37c4u3j9a2vc

      YanıtlaSil
    6. @panterman

      /* Use this with templates/template-twocol.html */
      satırından sonra
      body{background-color:#000000;}
      kodunu ekle.
      #000000 yerine istediğin renk kodunu koyarsın, işin tamam olur.

      YanıtlaSil
    7. tamamdır hocam değiştirdim, eline sağlık tşkler iyi günler...

      YanıtlaSil
    8. hocam ekliyorum ben fakat her hangibir yorum gözükmüyor neyi yanlış yapıyorum?

      YanıtlaSil
    9. çok güzel duruyo cidden paylaşım için teşekkürler..

      YanıtlaSil
    10. Saçma sapan başka sitelerde denedim olmadı..
      Teşekkür ederim, iyiki bulmuşum blogunu.

      YanıtlaSil
    11. Merhaba,
      Ben bu dediginiz degisikligi yaptim ama yapildigi blog yazisinin altinda degil bir butun olarak sayfanin el altinda gozukuyordu. Bu yuzden kopyalamis oldugum kodlari sildim ama simdi de hic bir yorumum gozukmuyor. Eski formatina cevirmek icin bir oneriz var mi ?
      Tesekkurler.

      YanıtlaSil
    12. @Selen gül
      Bu son yorumlar eklentisi yazının altında gözüken bir eklenti değil.Blogunuzun sidebarına gadget olarak eklenen bir eklenti.

      YanıtlaSil
      Yanıtlar
      1. http://bloghocam.blogspot.com/2012/04/blogger-resimli-sonyorumlar-eklentisi.html burda verdiğiniz kodu olduğu gibi yapıştırınca oluyor ama kendi sitemi ekleyince olmuyor yardım edermisiniz.

        Sil
    13. Siteme uyguladım şık durdu teşekkürler..

      Bir hayranınız..

      YanıtlaSil
    14. bunu basaramadim malesef :(sadece baslik yazi cikiyor bunlar cikmiyor

      YanıtlaSil
    15. Hocam eklenti artık çalışmıyor istersen bir dene..

      YanıtlaSil
    16. Pardon hocam çalışıyo ancak chrome'da göstermiyor

      YanıtlaSil
    17. Teşekkürler Blog Hocam...

      YanıtlaSil
    18. teşekküler harika bir eklenti :))

      YanıtlaSil
    19. gerçekten çok şık bir eklenti uyguladım teşekkür ederim. bir de bunun hareketlisini görmüştüm ben bir sitede hatırlamıyorum hangi site ama aynı bunun gibi yuvarlak avatarlar ve yorumlar aşağıdan yukarıya doğru kayıyordu acaba öyle bir şey bulabilmemiz mümkün mü?

      YanıtlaSil
    20. @Duygu Uygun
      Şöyle bir şey var işinize yararsa.

      YanıtlaSil
    21. ben de şöyle bir şey buldum :)
      http://bloggereklentileri.blogspot.com/2012/06/yukar-dogru-kayan-son-yorumlar.html

      YanıtlaSil
    22. ilginiz için teşekkür ederim :)

      YanıtlaSil
    23. Çok Güzel Durdu Sitem de Takibe Dewam :)

      YanıtlaSil
    24. Teşekkürler :) bir hayranınız daha oldu

      YanıtlaSil
    25. Hocam bütün eklentilerinizi doğru girmeme rağmen blogumda hiç bir eklentiniz çıkmıyor
      site : www.androidkalem.com

      hocam lütfen yardımcı olun

      skype : sukru2234

      YanıtlaSil
    26. Hocam bende resimler görünmüyor artık, eskiden görünüyordu.

      YanıtlaSil
    27. bu harika, teşekkürler, ama kendi yorumlarımızı nasıl çıkarabiliriz:) en çok yorumlayanda ilk 2 sırada kendin çıkınca bir acaip oluyor:))

      YanıtlaSil
    28. @Belgin Guven
      Kendi yorumlarımızı çıkaramıyoruz ne yazık ki.

      YanıtlaSil
    29. Hocam çok güzel ama bu kodu şu şekilde yapabilirmiyiz teker teker yukarı kayacak yani bi yorum kayacak 3sn bekleyecek sonra alttaki diğer üste gelecek bu şekilde çıkacak yukarıya ?

      YanıtlaSil
    30. Yorumlar guzel şekilde gorunuyor . fakat sıkıntı şu , yorum hangi fotografa yapıldıysa , fotograf açılsada altında yorumlar gozukmuyor. bunu nasıl mumkun kılarız . Örneğin .
      www.erkanediz.blogspot.com

      YanıtlaSil
    31. Çok teşekkürler eklenti için. Gayet kaliteli ve güzel kodlanmış :)

      YanıtlaSil
    32. Paylaşım için teşekkürler...

      YanıtlaSil
    33. Merhaba Blog Hocam Ben Şöyle Birşey İstiyorum Adminin Yazdıgı Yorumlar Gözükmese Direk Kullanıcının Yazdıgı Yorumlar Gözükse Vede Bizde Ona Yanıt Versek Süper Olur :)
      Böyle bir Kod varsa verirsen sevinirim :)

      YanıtlaSil
    34. Harikasınız. Her gün yeni ve çok güzel şeyler keşfediyorum sayenizde. Emeğinize sağlık.

      YanıtlaSil
    35. Hocam yine muhteşem bir paylaşım teşekkürler
      http://avonistanbul.blogspot.com.tr/

      YanıtlaSil
    36. Güzel oldu sitemde uyguladım, teşekkürler

      YanıtlaSil
    37. Merhabalar,

      Ekledim ancak hiçbir yorum görünmüyor. Yardımcı olabilir misiniz?

      YanıtlaSil
    38. Çok beğendim şık duruyor

      YanıtlaSil
    39. hocam saolun js kodları çok işime yaradı :)

      YanıtlaSil
    40. Merhaba.
      Alttaki kodu şablon bölümü hatalı buluyor ve kaydetmiyor. Bir çok yol düşündüm ama script oldugu için değiştirme şansım da yok.
      Kodun içinde geçen "callback" yazısında k harfinin önünü işaret ediyor, orada ne gibi bir hata bulmuşsa artık bilemedim.

      script type="text/javascript" src="http://bilsez.blogspot.com.tr/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"

      YanıtlaSil
    41. Merhabalar hocam. Acaba şuan kullandığınız bu yorumlar eklentisini bloğuma nasıl ekleyebilirim? Önceden yayınlayıp yayınlamadığınıza baktım ama bulamadım. Blogumdaki yorumlar kısmının sizin şu an kullandığınız yorumlar kısmı gibi olmasını istiyorum. Yardımınız için şimdiden teşekkürler.

      YanıtlaSil
    42. tşk ederim..kullanıyorum.işe yaradı..

      YanıtlaSil
    43. selamlar, bilgi için teşekkürler. yorumların hangi yazının altına yapıldığını görmek için nasıl bir değişiklik yapmak gerekiyor?

      YanıtlaSil

    Picardes

    LİNKLER