Blogger Admin Yorumlarını Belirginleştirmek

Eminim Blogger kullanıcılarının bir çoğu bu eksiği ciddi şekilde hissetmiştir. Özellikle yazdığı yazılara çok yorum alan yazarlar. Kendi yazdıkları yorumlar, okuyucularının yorumları ile aynı renk ve biçimde oldukları için karıştırılabiliyor ve kim yazar kim okuyucu ayırt etmek zor olabiliyor. Admin Yorumlarını Belirginleştirmek eklentisi ile bu durumu tamamen değiştirebiliyoruz.

Yine imdadıma Realtrix yetişti. Bende vakit kaybetmeden bu eklentiyi açıklamaya başlayayım.

1. Aşama : Kontrol Paneli > Yerleşim > HTML'yi Düzenle'ye tıklıyoruz.

2. Aşama : HTML'yi düzenle menüsünde bulunan sağ üst köşedeki Widget Şablonlarını Genişlet'i aktif hale getiriyoruz.

3. Aşama : Ctrl+F komutunu kullanarak ]]></b:skin> kodumuzu aratıyoruz ve aşağıdaki kodları bu kodun hemen üstüne yapıştırıyoruz.

.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Position*/
}

Belirginleştirdiğiniz admin yorumlarının arka plan rengini aşağıdaki kodda bulunan kırmızı ile işaretlenmiş alanı (renk kodunu) değiştirerek istediğiniz gibi kişiselleştirebilirsiniz.

background: #E6E6E6; /* Background color*/

4. Aşama : Daha sonra aşağıda yeşil renkle işaretlenmiş standart şablon kodlarımızı buluyoruz ve kırmızı renkte işaretlenmiş eklenti kodlarımızı gösterilen yerlere yapıştırıyoruz.

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

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

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

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. Aşama : 4. aşamadaki kodların uygun yerlere kopyalandığından emin olduktan sonra şablonumuzu kaydedebiliriz. Yazar yorumları ve kullanıcı yorumları arasındaki fark aşağıdaki resimdeki gibiyse eğer işlemi doğru yaptık demektir :)

Sevgiler


Vincent

---

Technorati tags:
blogger, blogger widget