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 vakit vakit 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.

 

 

Ö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.

Paylaş

BLOG SEO , teknoloji

Melisa