27 Ocak 2015 Salı

Blogger Yorum Balonu Ekleme


Blogger kullanıcıları için tasarlanmış yorum balonunu blogunuza eklediğinzde resimdeki gibi başlıklarınızın yanında konuyla ilgili 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 edipwidget ş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/AVvXsEhsUjEdR_lYX_VbgaVXCHi4Yl_PhYa9zbFRv1mHO06_m_GZ5iQ8I6EFSixXolxr30Vu9xPmqZHewIzJ5JmhTKjSPrdUrFfdlDyXNsFL7CuekoKr-cAFIiRo3j40It_mVdo1mwpbZz1Tu8Jh/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 urladresi ile(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsUjEdR_lYX_VbgaVXCHi4Yl_PhYa9zbFRv1mHO06_m_GZ5iQ8I6EFSixXolxr30Vu9xPmqZHewIzJ5JmhTKjSPrdUrFfdlDyXNsFL7CuekoKr-cAFIiRo3j40It_mVdo1mwpbZz1Tu8Jh/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.