Looking News: Membuat tampilan comment pemilik blog berbeda dengan orang lain

Anda pasti ingin comment anda pemilik blog jadi tampil berbeda dengan comment orang lain, nha ini disebut dengan highlight author comment. berikut saya akan membuat sebuat postingan supaya anda bisa membuat tampilan comment pemilik blog berbeda dengan orang lain.

Ok, let's follow me
1. Login ke blogger kemudian 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. Kemudian cari kode2 seperti berikut. Mungkin kode yg ada di HTML kamu akan beda, tapi walaupun berbeda 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>

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

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

</b:if>

<dd class='comment-footer'>

<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>

</dd>
</b:loop>
</dl>

5. Kode yang berwarna merah adalah kode yang harus anda tambahkan di HTML anda. Posisinya harus benar, remember it ok.
6. Kalau sudah, save template kamu. lihat hasilnya

note: sebelum anda memberi atau membalas komentar kawan atau blogger lainnya, anda harus log in dulu pada blog anda, supaya comentar anda sebagai pemilik blog nampak berbeda dengan orang lain yang memberi komentar. Kalau anda berhasil, berikan komentar anda..!! happy blogging

Membuat tampilan comment pemilik blog berbeda dengan orang lain

Related Post