Farhan Share - Sobat farhan pada postingan kali ini farhan akan berbagi tentang cara membuat komentar admin berbeda dengan komentar pengunjung blog. Ya, sobat farhan sebenarnya apa sih fungsi dan keunggulan dari efek ini? Sobat farhan dengan kita membedakan background antara komentar admin dan komentar pengunjung, banyak fungsi yang bisa kita dapat, misalnya pengunjung lebih mudah mengetahui balasan admin blog kepada komentar yang mereka publish, dan Pengunjung juga tidak terlalu sulit dalam hal membedakan antara yang mana komentar Admin dan yang mana komentar pengunjung blog, selain itu efek ini juga memberikan kesan lebih "friendly" kepada semua pengunjung atau visitor blog. Baik, sobat farhan langsung saja kita alihkan pembicaraan singkat kita ke inti pada postingan atau kesempatan kali ini, yakni cara membuat komentar admin berbeda dengan pengunjung blog, di bawah ini farhan sudah persiapkan script dan langkah-langkahnya, di simak baik-baik ya.
1. Login Ke Blogger.
2. Pilih Template.
3. Pilih Download Full Template (mencegah jika terjadi kesalahan dalam mengedit HTML).
4. Pilih Edit HTML.
5. Centang box "Expand Template Widget".
6. Sobat cari kode ]]></b:skin> menggunakan CTRL+F, lalu letakkan kode di bawah ini tepat di atasnya.
.author-comments {
background: #ADE8E6;
border: 2px solid #666666;
padding: 5px;
}
NB : Kode yang berwarna biru bisa diganti dengan kode warna backgound yang sobat inginkan.
7. Masih dalam Edit HTML, sobat cari salah satu kode yang mirip dengan ke-2 kode di bawah ini, dikarnakan kode masing-masing template berbeda-beda.
Kode yang Ke-1
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<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>
<data:commentPostedByMsg/>
</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' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<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='data:comment.url' title='comment permalink'>
</a>
</span>
</dd>
</b:loop>
</dl>
</div>
Kode yang Ke-2
<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>
<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>
NB : Kode yang berwarna biru adalah kode yang harus ditambahkan diantara kode yang berwarna merah, dan susunan kode nya harus sama persis seperti salah satu diantara ke-2 script di atas.
8. Klik "Save Template" dan Selesai.
Demikian Sobat farhan sedikit pengetahuan dari farhan tentang cara membuat komentar admin berbeda dengan komentar pegunjung blog, semoga bermnafaat, bila ada pertanyaan comment di bawah.