Yazı Başlığının Yanına Yorum Balonu Ekleme

Bugüne kadar 2 yazı yazarak bloguma misafir olan Fırat Yalçın temasını düzenlerken zaman zaman benden küçük yardımlar rica etmişti.Bunlardan biri de yazı başlığının yanında, o yazıya ait yorum sayısını bir yorum balonu içerisnde göstermekti.Bu detayın diğer arkadaların da işine yarayabileceğini düşündüm ve blogda yazmaya karar verdim.

 

Yazı Başlığının Yanında Yorum Balonu Ekleme

 

Öncelikle yorum balonunun görünümünü ve pozisyonunu belirttiğimiz stil kodları ekleyelim.Bunun için şablonunuzda ]]></b:skin> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin:

 

.yorumbalonu {
    float: right;
    width: 48px;
    height: 48px;
    background: url(http://icons.iconarchive.com/icons/semlabs/web-blog/48/comment-empty-icon.png) no-repeat;
    font-size: 16px;
    float: right;
    margin-top: -15px;
    margin-right: 2px;
    text-align: center;
    position: float;
    text-align: center;
    padding-top:13px;
}

 

İlkinci olarak şablonunuzdan <b:if cond='data:post.link'> kodunu bulun ve bunu aşağıdaki kodlarla değiştirin.

 

<b:if cond='data:post.allowComments'>
<a class='yorumbalonu' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>

 

Şablonu kaydetmeden önce önizleme yapın ve çalışıp çalışmadığını kontrol edin.Eğer yazı başlığının yanında yorum balonu gözüküyorsa şablonu kaydedebilirsiniz.Her hangi bir sorunla karşılaşırsanız yorum bölümünden iletebilirsiniz.Kolay gelsin.

39 yorum:

  1. kodunu bulduktan sonra neyi neyle değiştirceğiz abi ?

    YanıtlaSil
  2. Şakamı yapıyorsun Hasan? Yukarıda yazıyor ya.

    YanıtlaSil
  3. değişik baloncuk türleri ni nereden elde edebilirim?

    YanıtlaSil
  4. @Dear My Angel
    Burada değişik baloncuk türlerini bulabilirsiniz.

    YanıtlaSil
  5. Çok teşekkürler Serdar, Blogumda bu değişikliği yapmak istiyordum. Benim blogum Wordpress ama olsun en azından bir kaynak

    Teşekkürler

    YanıtlaSil
  6. Bende yaptım. Teşekkürler...

    YanıtlaSil
  7. Teşekkürler Serdar Abi, küçük olabilir ama anlamı büyük yardımlar... :)

    YanıtlaSil
  8. HOCAM yine ben...ben dediklerinizi yaptım ama yazımın başlıgının başında önce yorum sayısı çıktı.balon da yoktu.mesela şöyle oldu.
    8 alüminyum folyonun zararı var mı? şeklinde oldu.dogru da yaptım:((

    YanıtlaSil
  9. @annelikokulum
    Farkında olmadan bir yerde hata yapmışsınızdır.Tekrar deneyin, eğer hala olmuyorsa şablonunuzu gönderin gerekli düzenlemeyi ben yapmaya çalışayım.

    YanıtlaSil
  10. yok hocam olamadı malesef şablonu gönderdim.var olun ya...

    YanıtlaSil
  11. Pardon abi ben orayı okumadım :)

    YanıtlaSil
  12. hocam merhaba,
    test blogumda uyguladım ve güzel oldu. yalnız bir şey eksik kaldı gibi geliyor bana. okuyucular baloncuk içindeki rakamın ne olduğunu nasıl bilecekler. yani yazının okunma sayısı mı, yorum sayısı mı yoksa başka bir istatistik rakam mı. kısaca baloncuğun soluna yada sağına "yorum" ifadesini yerleştirebilir miyiz ya da nasıl yerleştirebiliriz. teşekkürler.

    YanıtlaSil
  13. @mutfak gazetesi
    Yorum olduğu anlaşılsın diye balonun içerisinde gösterdik zaten.Yine de ben yorum yazısı eklemek istiyorum derseniz ikinci bölümde verdiğim kodlardaki <data:post.numComments/> kodundan sonra bir boşluk bırakıp Yorum yazın.Ancak hizalamada sorun çıkabilir.

    YanıtlaSil
  14. @turusan asak
    Kodu aramadan önce widget şablonlarını genişlet kutucuğunu işaretleyin.

    YanıtlaSil
  15. Hocam çok teşekkürler.. Siteme eklemek istediğim 2 eklentiyi de sayenizde eklemiş oldum. Çok çok teşekkürler.. İyi bloglamalar..

    YanıtlaSil
  16. Teşekkürler :) Harikasınız...

    YanıtlaSil
  17. bu kodu şablonumda bulamıyorum serdar hocam <b:if cond='data bu kadarı var gerisi farklı dolayısıyla doğru sonuç vermiyorum yardımmm ?

    YanıtlaSil
  18. @Melike - Habibe
    Olması gerekiyor.Widget şablonlarını genşilet kutucuğunu işaretleyip, o şekilde arama yapın.

    YanıtlaSil
  19. Evet şimdi oldu blog hocam teşekkürler :)

    YanıtlaSil
  20. merhaba serdar bey sayenizde kendime yeni bır blog sayfası açtım şuanda tek sorunum sayfama yorum yazıldığı zaman direk yayınlanmıyor 'Lütfen bir robot olmadığınızı kanıtlayın şu kelımelerı yazın'uyarısı çıkıyor bunu nasıl düzeltebılırım:(

    YanıtlaSil
  21. @Hayal As
    Blogger kumanda paneline giriş yaptıktan sonra Ayarlar > Yayınlar ve yorumlar > Yorum denetleme kısmında Hiçbir zaman seçeneğini işaretleyip kaydedin.

    YanıtlaSil
  22. Zaten Yorum denetleme kısmında Hiçbir zaman seçeneği işaretli:(
    adresim bu bakabılırsınız
    http://guzellikadina.blogspot.com/

    YanıtlaSil
  23. iyi çalışmalar. Ben blog balonunu ekledim fakat yayının başında değil sonunda bitiminde olsun istiyorum. saatlerdir bunu araştırdım bulamadım yardım ederseniz çok sevinirim şimdiden teşekkürler

    YanıtlaSil
  24. stil dolabım
    Yorum sayısını yorum balonunun içinde göstermek için şablonda epey değişiklik yapmak gerek. Burada anlattığım gibi ufak tefek değişiklikler yeterli olmaz maalesef.

    YanıtlaSil
  25. oradaki sayı boyutunu nasıl küçültebilirim ?

    YanıtlaSil
  26. @Batuhan Karatuluk
    font-size: 16px; buradaki değeri düşürdükçe yazı boyutu da küçülür.

    YanıtlaSil
  27. hocam malesef olmuyorrrrrrrrr

    YanıtlaSil
  28. serdar hocam kodları dediğiniz gibi uyguluyorum ve şöyle bişey çıkıyor ..mesela:maneviyat başlığının hemen sol yanında rakam çıkıyor ,yukardaki yorumların birindede aynı olayı anlatan birisi vardı hatta neden böyle oluyor yardımcı olsanız

    http://hazanmevsimi58.blogspot.com/

    YanıtlaSil
  29. @EYLÜL
    Şablonu bana gönderebilirmisiniz?

    YanıtlaSil
  30. MERHABA,
    YAZINIZ İÇİN TEŞEKKÜRLER AMA BEN YAPTIM OLMADI.ÖN İZLEME YAPTIM SAYFA BOŞ GELİYOR.

    YanıtlaSil
  31. selam,
    bu yukarılarda da bahsedilen "linklerin yanında yorum adedi çıkma sorunu"nu ben de yaşadım, başka bir gönderide sormuştum hatta google linklerimi indexlerken başlarına "0" ekliyor diye... meğerse o "0" yorum adedinden kaynaklanan bir sıfırmış. Eklentiye ait kodları kaldırınca sorunum çözüldü. Ancak halen eski yayınlarım o şekilde indexli... yani "0 Life of Pie" falan filan şeklinde çıkıyor google aramalarında... bunu çözmek için sanırım o yayınlarımın hepsini silip baştan yayınlamam gerekli...

    YanıtlaSil
  32. Yapıyorum yapıyorum çıkmıyor hiç bir değişiklik olmuyor ve bu yukarıdaki 2. koddan bende 2 tane çıkıyor :) nasıl yapacağız hocam?

    YanıtlaSil
  33. @Duygu Uygun
    <b:if cond='data:post.link'> bu kodu aradığınızda birden fazla sonuç çıkıyorsa ilkini yani en üsttekini dikkate alın.

    YanıtlaSil
  34. denedim onu da hocam maalesef hiçbir şey çıkmıyor.

    YanıtlaSil
  35. Şablonu bana gönderin bir bakayım isterseniz.

    YanıtlaSil
  36. Merhaba, kodları aynı şekilde kullanmama ve hata yapmış olabileceğimi düşünüp bir kaç kez denememe rağmen malesef görünmüyor balon, yardımcı olabilir misiniz?

    YanıtlaSil
  37. hocam bendede olmadı hortlatmış gibi olucam ama bayadır arıyorum burayı yardımcı olur musunuz

    YanıtlaSil

Blogger tarafından desteklenmektedir.