Search This Blog

painting

Saturday, February 14, 2009

Membuat Author Komen Berbeda

Membuat Author Comment berbeda/ High light Author Commen adalah untuk membuat Pemilik Blog saat berkomentar pada kotak komentar kita sendiri Tampilannya akan berbeda dengan yang lain, Sehingga orang lain sebagai pengunjung blog kita akan tau lebih jelas siapa yang berkomentar.

Let's get the manner :

1. Login Ke blogger truzz ke menu "Layout --> Edit HTML"

2. Beri tanda centang pada kotak "Expand Widget Templates"




3. Copy kode berikut sebelum tag ]]></b:skin> atau dapat juga ke deretan kode CSS blog sobat.

.comment-body-author {

background: #dedede; /* Warna Background */

border: 1px dashed #ccc; /* Border*/

margin:0;

padding:0 0 0 20px;

}



4. Truzzz cari kode berikut ini di template Sobat maybe different (berbeda) tapi coba cari yang mirip banget dengan nech...

<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. Kode yang bercetak tebal adalah kode yang harus sobat tambahkan

6. The last you must SAVE you template

NB: jika sobat ingin highlight muncul ketika komen harus dalam keadaan LOGIN di blogger



No comments:

Post a Comment