Blogger'da yayın başlıklarının altına yorum sayacı nasıl eklenir?

25 Aralık, 2016
Blogger yorum sayacı
Blogger yorum sayacı
Blogger (blogspot) blog sayfalarınızda, yayın başlıklarının altına "Yorum var" kodu nasıl eklenir? Blog yayın başlıklarının altına otomatik yorum sayacı nasıl eklenir? Blog başlıklarına yorum sayacı ekleme.

Bir çok blog sayfasında mutlaka denk gelmişsinizdir. Özellikle hazır olarak satılan Blogger şablonların da, yayın (post) başlıklarının hemen altında, yanında ya da üstünde yayına yapılan yorum sayısını gösteren bir bölüm vardır. İşte bu yazımda sizlere bu yorum kısmı nasıl eklenir ondan bahsedeceğim.

Blogger'ın hazır temaları arasında hatırladığım kadarıyla bu koda sahip bir tema yok. Ama kesinlikle eklenmesi gereken bir kod. Blogunuzda gezinen kullanıcılar bu kod sayesinde; yorum sayını görerek yayınlarınıza tıklayabilir ve yayınlarınızda yapılan yorumlara katılabilirler.

Hazır tema değilde kendi temalarını oluşturmaya ve geliştirmeye çalışan Bloggerların çok işine yarayacağını düşündüğüm bu kod ana sayfa, arşiv sayfası, etiket sayfalarında başlıkların altında görünür. Aynı zamanda sayfalar açıldığında da gösterilir. Ama yayın sayfalarınızda görünmez. Canlı görünüm için blogumu kontrol edebilirsiniz.

Blogger'a yorum sayacı nasıl eklenir?


1. Öncelikle blogunuzun kontrol panelinde sol tarafta yer alan "Şablon (Tema)" sekmesine tıklayın. Ardından açılan sayfada "HTML Düzenle" ye tıklayın ve açılan kodların arasında Ctrl F yardımıyla aşağıda yer alan kodu bulun.
<div class='post-header-line-1'>
Bu kodu bulamazsanız, aşağıdaki kodu bulmaya çalışın
<data:post.title/>
      </b:if>
      </h3>
    </b:if>
h3 yerine h2 yazılmış olabilir.

2. Bulduğunuz bu kodun hemen altına aşağıdaki kodu ekleyin.
<span class='post-comment-link' style='Float:right;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/SnCxuN65znI/AAAAAAAABqc/XW05eIKedjA/s400/icon_comments.png) no-repeat;Padding-left:15px;'><b:if cond='data:post.numComments == 0'>0 yorum<b:else/> <b:if cond='data:post.numComments == 1'>
<data:post.numComments/> sadece1 yorum<b:else/>
<data:post.numComments/> yorum</b:if> </b:if></a>
</b:if>
</b:if>
</span>
3. Temanızı kaydedin ve blogunuzu kontrol edin.
comment vector png
comment vector png
Kalın harflerle belirttiğim kısım yayın sayfalarında yorum sayacının gösterilmesini engelleyen kod. Kırmızı renklerle gösterdiklerim ise blogunuzda görünecek olan kelimelerdir ve dilediğiniz gibi değiştirebilirsiniz. Mavi renkle gösterdiğim link ise blogunuzda yorum sayılarının yayında görünecek bu ufak resimdir.

9 yorum:

  1. Yine basitçe ve kolayca anlatılmış güzel bir bilgi :)

    YanıtlaSil
  2. Benim blogda farklı şekilde yaptım ben :) Blogunda bu eklenti olmayanlar için faydalı bir bilgi :D

    YanıtlaSil
    Yanıtlar
    1. Tabi alt bilgi kısmı gizlendiğinde, ihtiyaç duyulan bir kod haline geliyor..

      Sil
  3. Yorumlar hakkında yapmak istediğimi bir zaman çok aramıştım. Sizden rica etsem yayınlayabilir misiniz?

    Yorumların köşesinde numaralandırılıyor. yani hangi yorum önce sonra yapılmış görebiliyorsunuz.
    birde yazar yorum yaptığında sağ köşesinde çapraz yazar diyor.

    Bu eklenti varsa çok güzel olur.
    Bir yerde bulmuştum çalışmamıştı.

    Teşekkürler.

    YanıtlaSil
  4. Abi ya şimdi bende blogumda kod paylaşıyorum ama senin kodların böyle yeşil bi arka planlı hani kodlarını güzelce değişik bi şekilde yeşil falan yapmışsın. Onu nasıl yapabilirim. Kodların olduğu alan yapmak istiyorumda.

    YanıtlaSil
    Yanıtlar
    1. Merhabalar, daha önce paylaştığım bu içerik (https://www.blogtecrubem.com/2016/12/bloggerda-alinti-blockquote-kismini-ozellestirme.html) işinize yarayacaktır.

      Sil

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Aktif link bırakmayın, aksi taktirde yorumunuz silinir.
3. Yazım ve dil bilgisi kurallarına uymayı ihmal etmeyin.
Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanınız.

Copyright © 2016 - 2019 www.blogtecrubem.com · Duyuru · İletişim · Yasal Uyarı