Blogger Yorumlarinizi Renklendirin..

By Eklentileri.Blogspot on 05:28

Etiketler:
















işlemlere başlamadan önce blogununuzun yedeğini almayı unutmayın.

1- Blogunuzun HTML düzenleme kısmına girin ve kod penceresinin sağ üstündeki kutucuk seçili olsun.

2- <dd class='comment-body'>'i bulun..Altında (içinde) 2 tane <data:comment.body> olması gerekiyor. Başında <span class='deleted-comment'> bulunmayanı silin. Bu işlemden sonra o kısmın şöyle olması gerekiyor:




<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>

</b:if>
</dd>



3- Sıradaki işlem ise okuyucuların yazdığı yorumun farklı, sizin yazdığınız yorumun farklı bir kodla gösterilmesini sağlamak.

Kodlardan sildiğimiz kısma, yani <b:else/> 'in altına ve </b:if> 'in üstüne (2. adımın sonunda verdiğim satırlardaki boş satıra yani) şu kodları yapıştırın:




<b:if cond='data:comment.author == data:post.author'>
<p class='yazar'><data:comment.body/></p>
<b:else/>
<p class='okur'><data:comment.body/></p>
</b:if>




Ama henüz görünüşte bir fark yok.

4- Blogunuza yazdığınız yorumun daha belirgin veya farklı gözükmesi için CSS kullanıcaz. Herşeyi yaptığımız HTML düzenleme kısmından, blogun css kodlarına;


.yazar{
background:#f3873d;
padding:10px;
}
.okur{
background:#f2f2f2;
padding:10px;
}



kodunu ekleyerek, okuyucuların yorumlarının arkaplanının gri, sizin yorumlarınızın arka planının turuncu renkte gözükmesini sağlayabilirsiniz (resimdeki gibi).

Eğer turuncu değilde başka bi renk isterseniz "background" lara farklı değerler atayabilirsiniz, tamamen size kalmış bir tercih..

Ve artık yorumlarınız renkli..anlatım için ermanhaskan'a teşekkürler..

Takıldığınız bir yer olursa aşağıdaki yorum panelinden sorunuzu sorabilirsiniz..

0 yorum for this post

Yorum Gönder