Skip to content Skip to sidebar Skip to footer

Cara Membuat komentar admin berbeda dengan pengunjung


Cara Membuat komentar admin berbeda dengan pengunjung

  • Log in ke blogger dan masuk menu Layout kemudian masuk menu Edit HTML
  • Jangan Lupa centang "expand widget templates"
  • Kemudian pasang kode dibawah ini tepat diatas kode ]]></b:skin

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

  • Silahkan Edit Code CSS diatas sesuai kreasi sobat sehingga tampilannya semakin menarik.
  • Langkah selanjutnya masih di menu Edit HTML dan tanda "Expand Widget Templates" masih tercentang Kemudian Cari Code dibawah ini,

<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 kode yang berwarna orange itu adalah code yang harus kamu tambahkan diantara kode yang berwarna putih diatas.
  • Ingat penempatan kode yang berwarna merah harus benar maka perhatikan kode yang berwarna biru itu adalah tagsnya.


Kalau sudah kemudian Simpan dan lihat hasilnya.

Post a Comment for "Cara Membuat komentar admin berbeda dengan pengunjung"