Cara Membuat Komentar Pemilik Blog Berbeda Warna

Tips kali ini kita akan membahas Bagaimana Cara Membuat Komentar Admin atau Pemilik Blog Berbeda Warna. Sering kita temukan di suatu blog terdapat background komentar yang berbeda antara pengunjung dengan pemilik blog. Ini juga dapat memudahkan pengunjung yang lain untk mengetahui siapa pemilik blog tersebut. Kali ini saya akan sedikit menjelaskan tentang bagaimana cara membuat tampilan komentar Admin lain dari tampilan komentar pengunjung blog.

Berikut Tutorialnya:

• Login ke Blogger
• Masuk ke Tata Letak/Layout
• Edit HMTL --> Expand Template Widget
• Cari Kode ]]</b:skin> atau ]]></b:skin> 
• Copy dan Pastekan kode dibawah ini tepat diatas kode ]]></b:skin>

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

keterangan : backgroun #333333; adalah untuk tampilan background komentar dan border #666666; adalah untuk ketebalan garis.

• Selanjutnya, cari kode <dl id='comments-block'> sehingga muncul tampilan seperti dibawah ini :

<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='author-comments'>
<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>

keterangan : untuk tulisan yang berwarnah merah adalah kode-kode yang harus ditambahkan kedalam script template blog sobat.

• Simpan Template. lihat hasilnya. Semoga bermanfaat.