Home » , » Highlight Author Comment di Blog

Highlight Author Comment di Blog

Highlight Author Comment tujuannya adalah membedakan (warna) komentar Author (pemilik blog) dengan komentar orang lain. Untuk komentar pemilik blog akan ada bordernya dan ada efek lainnya. Berikut ini adalah tips untuk membuat Highlight Author Comment di blog to Blogger.

1. Login ke blogger terus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> atau copy ke dalam kode CSS.

.comment-body-author {
background: #E6E6E6; /* Warna BackGround */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

4. Lalu cari kode-kode seperti berikut. Karena mungkin kode yang ada di HTML kita sedikit berbeda, jadi usahakan semirip mungkin dengan kode di bawah 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='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. Tambah kode yang berwarna merah dalam HTML. Ingat! Posisinya harus benar.

6. Jika sudah, Save Template.

Comment Author ini berdasarkan profil dari pemilik blog tersebut, code ini hanya pakai untuk kotak komentar dari blogger murni. Jangan lupa Login sebelum memberi komentar.

Highlight Author Comment di Blog

Sumber: http://trik-tips.blogspot.com/
Share this article :

0 komentar:

Post a Comment

 
Support : Labirin Qalbu | Labirin Cinema | Labirin Info
Copyright © 2013. Labirin Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger