Blogger Yorum Balonu Ekleme ~ SmartBlog

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 posts