pasang highligt author coment

Salam persahabatan, kali ini trik blogger mencoba update artikel tentang mempercantik kotak komentar dan udah banyak juga artikel trik blogger untuk mempercantik tampilan kotak komentar, seperti membuat show hide koment, memasang adsense di kotak komentar,  memasang nomor urut komentar, dan trik kali ini highlight author comment yang berfungsi agar komentar author (admin pemilik blog) berbeda dengan komentar pembaca. Untuk membuatnya mari kita ikuti tutorial berikut ini :
   
    1.     Login ke Blogger.

    2.     Di halaman Dasbor, kita pilih Design.

    3.     Kemudian pilih Edit HTML

    4.     Beri tanda centang pada Expand Template Widget

    5    Sebelum meng-editnya terlebih dahulu Backup template sobatuntuk jaga2 kalau gagal meng-edit templatenya.

    6.     Kemudian cari kode ]]></b:skin>

    7.    Copy dan pastekan kode di bawah ini tepat di atas kode ]]></b:skin>

*/ Comment Body Author /*

.comment-body-author {margin:5px 0;
    line-height:18px;
    padding:10px;
    border:1px solid #eeead9;
    background:#eee;/* Warna Background */

    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border:2px solid #BF6553;}

    8.    Kemudian cari kode-kode yang mirip seperti di bawah ini. Mungkin kode ini dengan kode di HTML sobat akan beda, tapi walaupun beda usahakan semirip mungkin dengan kode berikut 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>

Kode Highlight Author Comment di sini 

<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>

Kode penutup di sini

<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>

    9.    Copy dan pastekan kode Highlight Author Comment

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

    10.    Copy dan pastekan kode penutup di bawah ini

</b:if>

Catatan : Ganti kode warna background yang sesuai dengan template sobat, untuk melihat kode warna sobat bisa lihat di sini

Selamat mencoba semoga berhasil

Sumber Cara memasang Highlight Author Comment | Trik Blogger http://trik-blogger-andreas.blogspot.com/2011/08/cara-memasang-highlight-author-comment.html#ixzz1ZgdKrstT

Posted in: