Membuat komentar admin berbeda dengan pengunjung

Unutk judul tersebut diatas tentunya anda sudah bisa menebak, yaitu mendesain komentar pada blog kita agar komentar kita sebagai admin berbeda dengan komentar pengunjung. Sehingga pengunjung dapat membedakan dimana komentar admin dan komentar pengunjung lainnya.

Baik langsung saja, silahkan Loggin ke blog anda. Lalu masuk pada menu Layout atau rancangan tata letak, kemudian pilih menu HTML. Setelah masuk centang "expand widget templates"

Silahkan cari kode ]]></b:skin (cara cepat pencarian dengan menekan keyboard "Ctrl + F". Setelah kode tersebut ketemu, silahkan copy-paste code dibawah ini diatas code tadi..

.comment-body-author {
background: #FFFF29; /* Warna Background */
border:1px dotted #FF2929; /*Border*/
margin:0;
padding:0 0 0 20px;
}

Silahkan Edit Code CSS diatas seperti warna background, border sesuai kreasi Anda sehingga tampilan komentar anda sebagai  Admin menarik.

Langkah selanjutnya masih di menu Edit HTML dan tanda "Expand Widget Templates" masih posisi tercentang. Cari lagi code dibawah ini untuk dimodifikasi..

<dl id='comments-block'><b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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='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='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Perhatikan Code yang berwarna Merah itu adalah code yang harus kamu tambahkan diantara code yang berwarna Hitam diatas. Ingat penempatan code yang berwarna Merah harus benar maka perhatikan code yang berwarna Biru itu adalah tagsnya

Kalau sudah kemudian Simpan dan lihat hasilnya. Selamat mencoba..

Artikel Terkait