Bumerang - Yazarkafe

Blogger Yorum Balonu

Blogger kullanıcıları için tasarlanmış yorum balonunu blogunuza eklediğinzde resimdeki gibi başlıklarınızın yanında konuyla ilgil ne kadar yorum yapılmış görebileceksiniz.Blogger yorum balonu ile blogunuza görsel bir güzellik ve yorumlar için daha farkındalık yaratacak bir eklenti.Aynı zamanda konularınız hakkında en çok yorum yapılan yani populer olan yazılarınızıda ziyaretçileriniz direkt olarak görebilecek.
1.Adım:Blogger şablonumuzun yedeğini alıyoruz.
2.Adım:Kumanda Paneli>Şablon>Htmlyi Düzenle>Devam Et yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz.
3.Adım:Html kodları içerisinde Ctrl+F yardımı ile ]]></b:skin> kodunu aratıp buluyoruz.
4.Adım:Aşağıdaki kodu kopyalayıp bulduğumuz ]]></b:skin> kodundan önceki kısma yapıştırıyoruz.
.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn4uvxFw8lZ4nbFISBujKsswrFeWFfNDdzfp0oDAZ7os8SYiN6E6ttyaJFODPHuC-1w70L2vGY9OEptC0Cx8APYhgnoOI4MjC9iAN4qy-GVDkezb0MQTiYKiPyg_osEKDcDgPes9zVCpRv/s1600/speech+bubble+green.png);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}
5.Adım:Şimdi aşağıdaki kodları buluyoruz.
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
Not:Eğer bu kodları bulamazsanız aşağıdaki kodları arayın.
<b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
6.Adım:Aşağıdaki kodu kopyalayıp 5.adımda bulduğumuz kodların hemen altına yapıştırıyoruz.
<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='color: #ffffff; font-size: 18px; font-weight: bold;'><data:post.numComments/></a>
</b:if>
kod içerisinde:
style='color: #ffffff baloncuk içerisindeki yorum sayısının yazı rengi.
font-size: 18px yazı boyutu nu değiştirebilirsiniz.
Aşağıdaki blogger yorum baloncuk şekillerinden hangisini beğendiyseniz üzerine sağ tıklayıp resim url adresini koyalayın.
kopyaladığınız url adresini 4.adımda kırmızı renkli olarak gösterdiğimiz image url adresi ile(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn4uvxFw8lZ4nbFISBujKsswrFeWFfNDdzfp0oDAZ7os8SYiN6E6ttyaJFODPHuC-1w70L2vGY9OEptC0Cx8APYhgnoOI4MjC9iAN4qy-GVDkezb0MQTiYKiPyg_osEKDcDgPes9zVCpRv/s1600/speech+bubble+green.png)değiştirdiğiniz takdirde yorum balonu sizin seçtiğiniz şekilde görünecektir.
bubble comment count, bubble blogger postsblogger comments, comment countblogger blogspot, blogger commentsblogger bubble comment countcomments in blogger titlesblogger tips, blogger tricksblogger widgets, bubble comment countbubble comment countBubble Comment CountBubble Comment Count, blogger blogspot
Şablonumuzu kaydedip çıktığımızda başlıklarımzın yanında blogger yorum balonunu göreceksiniz.
VİDEOLU ANLATIM:
PAYLAŞ

BLOG OKULU

Merhabalar, 2012 yılından beri editörlüğünü yaptığım blogokulu.org sitesinde blogger kullanıcıları için gerekli olan bir çok bilgiyi bulabilrsiniz.Blogger temaları,blogger eklentileri ve blogger dersleri ile blog yazarlarına elimizden geldiğince yardımcı olmaya çalışıyoruz.

  • Image
  • Image
  • Image
  • Image
  • Image
    Disqus Yorumları
    Facebook Yorumları

17 yorum:

  1. tosbağanın dünyası10 Ekim 2012 16:37

    BİRDE ŞU KODLARI YERLEŞTİRMEYİ BECERSEM SÜPER OLACAK HER DEFASINDA OLMUYOR AMA BUNLARA BAYILDIM DENİCEM UMARIM OLUR :) 

    YanıtlaSil
  2. Bunu yapamadım 5. adımda 2 kodda yok sanırım bunun sebebi blogumda şuan benim size yaptığım gibi yorum kutusu görünmüyor ondan gizlemedim ama yinede yorum kutusu görünmüyor bu konuda yardım ederseniz çok sevinirim :)

    YanıtlaSil
  3. kodları komple değilde parça parça aramayı deneyin örneğin 
     
    parça şeklinde ilk satırı arayın iki satır birden çıkmayabilir.Tek tek aratınca mutlaka çıkacaktır.

    YanıtlaSil
  4. Ilker coşgun12 Ekim 2012 00:46

    Olmuyor. Herşeyi anlatıldığı gibi yaptım. Kodlar oke. Ama olmuyor. Sebebp

    YanıtlaSil
  5. SİZİN İÇİN VİDEOLU ANLATIM EKLEDİM, İZLEYİP YAPABİLİRSİNİZ.

    YanıtlaSil
  6. Çok harika bir paylaşım olmuş.Zaten bu sitede kötü bir paylaşımın olması beklenemez.

    YanıtlaSil
  7. sitenize ayrı bir hava katmış, güzel yorumunuz için teşekkürler.

    YanıtlaSil
  8. Ben her şeyi anlatıldığı gibi yaptım ancak gelen yorumların adedi gözükmüyor baloncuklarda nedense. Sebebi ne olabilir sizce 

    YanıtlaSil
  9. 5.adımdaki kodu doğru yere koyduğunuzdan emin olun.

    YanıtlaSil
  10. Teşekkür ederim yaptım gayet güzel oldu (:

    YanıtlaSil
  11. BLOG OKULU hani sizde oyun04.comm reklamı koymuşsunuz ya onu nasıl yapıorsunuz bende kendi siteme öle nasıl koyabilirimm  LÜTFEN YARDIMMMM

    YanıtlaSil
  12. Hepinizi Beklerim http://bloghayatt.blogspot.com/

    YanıtlaSil
  13. çok başarılı bir siteniz var, öncelikle teşekkür ediyorum anlattıklarınız için.

    tüm herşeyi yaptım yorum sayısı güzel gözüküyor felan; fakat background resmi gözükmüyor. hangi resmi denersem deneyeyim değişen bir şey olmuyor. Acaba sıkıntı nereden kaynaklanıyor olabilir ?

    YanıtlaSil
  14. sağlamasını yapmak için resim url adresini bağlantı çubuğuna yapıştırın,resmin görünüp görünmediğine bakın.ben baktım resimler sağlam.Resim adresini yapıştırdığınız yere dikkat edin bir parentez yada nokta eksikliği bile hataya sebep olabilir.

    YanıtlaSil
  15. Bendede disqus yorum formu var.Fakat diskusa yapılan yorumnla yansımıyor.Nasıl olacak.

    YanıtlaSil

Belirtmek istediğiniz farklı konular varsa Burdan Yazabilrisiniz...