Blog sahibinin yorumlarını farklı göstermek

Comments-iconİnternette gezerken çoğu blog’da ,yapılan yorumlarda blog sahibinin yorumunun farklı renkle veya arka planında görsel kullanıldığını görmüşsünüzdür.

 

Bu özellik sayesinde blog sahibinin yorumları,  daha kolay farkedilir.

 

 

Eklentinin demosu için buraya , kendi blog’unuza eklemek içinse aşağıdaki adımlara bakabilirsiniz.

1.Adım Sırası ile Blogger kumanda paneli —> Tasarım - ->  HTML’yi düzenle yolunu takip edin burada bulunan "Widget şablonlarını genişlet" yazan seçeneği işaretledikten sonra, klavyenizdeki "Ctrl ve F" tuşlarına aynı anda bastıktan sonra ]]></b:skin> ifadesini bulup aşağıdaki CSS kodlarını hemen üzerine gelecek şekilde ekleyin.


.author-comments {
background: #ffffff;
color: #ff0000;
border: 2px solid #666666;
padding: 5px;
}


2.Adım Widget şablonlarını genişlet yazan bölümün işaretledikten sonra <data:commentPostedByMsg/> ifadesini aratın , bu kodu şablonunuzda arattığınızda aşağıdaki görselde olduğu gibi bir kod blog’uyla karşılaşacaksınız

 

yazar-yorumu

 

Aşağıda ki kodları kopyalayarak görselde maviyle renklendirdiğim şekilde  gelmesi gereken yerlere ilave edin.

.

 

 

<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>

 

 

Etiketin kapanışı…..

 

</b:if>

 

3.Adım Özelleştirebileceğiniz arka planın belirtmek için 2px’lik bir border içine aldım , tabi siz arka planda farklı bir şey yapmak isterseniz CSS kodlarını kendinize göre özelleştirebilirsiniz.

 

.author-comments {
background: #ffffff;             --->> Arka plan rengi beyaz
color: #ff0000;                   --->> Yazı rengi kırmızı
border: 2px solid #666666;   --->> 2px kenarlık(border)
padding: 5px;                     ---->> 5px içeriden  boşluk verir
}

 

Diyelim ki siz arka planda görsel kullanmak istiyorsunuz bunun içinde background: #ffffff; ifadesini background: url(resminizin linki); şeklin de değiştirmeniz yeterli.

Paylaş !

1 yorum:

  1. (wget şablonlarını genişlet dediğim halde)
    kodunu bulamadım
    data.comment.author den sonra ekledim ama b if kapanmasında hata avar galiba
    yorumlara cevap verme özelliğinden dolayımı yok acaba

    YanıtlaSil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz