Join The Community

Premium WordPress Themes

Sabtu, 09 April 2011

Cara Membuat Komentar Admin Berbeda Warna dari Pengunjung Lain di Blogger

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.


  • 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 biru adalah kode-kode yang harus ditambahkan kedalam script template blog sobat.
  • Simpan Template.
Selamat mencoba dan semoga berhasil...!!!!

catatan : saat berkomentar anda harus dalam keadaan log in di blogger


0 komentar:

Posting Komentar