Membuat Kotak Komentar Admin Berbeda Dengan Pengunjung

Dear visitor,u are in Membuat Kotak Komentar Admin Berbeda Dengan Pengunjung pages.

[postlink] https://id-max.blogspot.com/2011/08/membuat-kotak-komentar-admin-berbeda.html[/postlink] Mumpung ada waktu luang, saya ingin share sedikit bagaimana cara membuat kotak komentar Admin berbeda dengan kotak komentar pengunjung. Lihat contohnya:







Langsung saja ke TKP..... Berikut ini tutorialnya.

Simak baik-baik.....

1. Login ke Dashboard Blogger anda

2. Klik Design → Edit HTML

3. Untuk berjaga-jaga klik Download Full Template

4. Centang Expand Widget Templates

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

.comment-body-author {

background: #EBEBEB;

border:1px solid #EBEBEB;

border-left:2px solid #538E08;

border-right:2px solid #538E08;

margin-left:0;

margin-right:20px;

padding:7px;

color:#000000;

}

Nb: Pada kode warna merah bisa anda ganti sesuai keinginan anda



6. Cari kode

<data:commentPostedByMsg/>

</dt>

7. Letakan kode di bawah ini tepat di bawah kode diatas

<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

<p><data:comment.body/></p>

</dd>

<b:else/>

Hasilnya akan seperti ini:

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

8. Cari kode

<dd class='comment-footer'>

9. Setelah ketemu letakan kode di bawah ini tepat diatas kode diatas

</b:if>

Hasilnya akan seperti ini:

</b:if>



<dd class='comment-footer'>

Contoh keseluruhan:

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

10. Setelah itu klik Save Template dan lihat hasilnya.

This site does not store any files on its server.We only index and link to content provided by other sites.If you have any doubts about legality of content or you have another suspicions, feel free to contact us HERE - Thank you.