Nisan 09, 2012

Yazı Başlıklarınızda Yorum Sayısını Göstermek

Yazı Başlıklarınızda Yorum Sayısını Göstermek


Yorum alanını çekici hale getirmek için öneriler devam ediyor. Yorum yazılmasını teşvik edebileceğini düşündüğüm "Yazı Başlık Alanlarında Yorum Sayısını Göstermek" için yapmanız gerekenler şunlar;
İlk Adım: Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet' e tıklayın. Ve "Ctrl+F" yardımı ile ]]></b:skin> kodunu bulun ve üstüne alttaki kodu yapıştırın.

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(http://i26.tinypic.com/e8k7ef.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:absolute;
}
Yukarıdaki kodda kırmızı ile renklendirilmiş olan kısım yazının başlığının sağında görüntülenecek olan yorum sayısının arka planını oluşturacak olan resme aittir. Farklı bir resim kullanmak isteyenler istedikleri resmi yükleyerek belli boyutlar dahilinde kullanabilirler.

Adım 2: CSS kodlarınızı ekledikten sonra alttaki kodda kırmızı ile renklendirilmiş olan kodu temanıza yerleştirin. (Not: Kırmızı haricindeki kodlar kırmızı ile renklendirilmiş kodları temanızda nereye yapıştırmanız gerektiği hakkında ön bilgi olması için belirtilmiştir.)
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

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


<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Renklendirilmemiş kodlar kullandığınız temaya göre değişiklik gösterebilir. Benzerlerini bulmaya gayret edin. Kodu bulamayanlar yorumlarda bunu belirtirse yardımcı olmaya çalışırım.

Son Adım: Yukarıdaki kırmızı ile renklendirilmiş olan kodları temanızda uygun yere yerleştirdikten sonra şablonunuz ön izleme ile görüntüleyin. Baloncuk başlık alanında başarı ile görüntüleniyor ise şablonu kaydedin.

Not: Konu alıntıdır..

0 yorum :

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.