Cara Membuat Komentar Kita Berbeda Dengan Komentar Pengunjung

Pada Tutorial Blog kali ini, saya akan menjelaskan tentang cara membedakan komentar kita dengan komentar para pengunjung. Info ini saya (Created by: http://masqulin.blogspot.com/) dapatkan dari sababat saya yang bernama Tengku Nauf yang telah mencontohkannya pada blognya.

Oke langsung saja, pilih "Tata Letak" kemudian "Edit HTML" (jangan lupa untuk memberi tanda centang pada "Expand Widget Templates").

Letakkan kode script dibawah ini diatas kode ]]></b:skin

.comment-body-author {
background: #000033; /* Warna Background */
border:1px dotted #FFFFFF; /*Border*/
margin:0;
padding:0 0 0 20px;
}

Kode #000033 adalah warna pada tampilan backgroundnya (untuk contoh disini, saya menggunakan warna biru sebagai warna backgroundnya). Sedangkan kode #FFFFFF adalah warna garis tepinya (untuk contoh disini, saya menggunakan warna putih sebagai warna garis tepinya). Untuk mencari kode warna menurut warna selera anda, dapat dilihat di Color Schemer Online v2.

Kemudian cari kode dibawah ini:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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>
<data:commentPostedByMsg/>
</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='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Kode 'Kuning' adalah kode yang harus anda tambahkan pada template anda. Perhatikan baik-baik kode 'Biru'! Posisi kode 'Kuning' tepat diantara kode 'Biru'.

Terimakasih, semoga bermanfaat & selamat mencoba!

Related Posts by Categories