Cara membuat komentar admin berbeda dengan pengunjung

Komentar admin tentunya harus memiliki perbedaan dengan pengunjung, itu berguna supaya pengujung bisa membedakan komentar admin dengan komentar dari visitor blog kita, lalu bagaimana cara membuat komentar admin berbeda dengan komentar pengunjung blog kita? caranya adalah sbb,
1. Log in ke blogger
2. Masuk ke Rancangan
3. Edit HTML (centang kotak Expand Template Widget)
4. Cari kode ]]></b:skin> lalu letakan kode dibawah ini diatasnya:

.author-comments {
Color: #0000ff;
background: #ffffff;
border: 2px solid #0000ff;
padding: 3px;
}

5. Setelah itu cari kode yang mirip dengan kode dibawah ini:

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <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' ><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' rel='nofollow' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd&gt;
          </b:loop>
        </dl>
      </div>

6. Kode warna hijau dan bergaris bawah pada kode diatas adalah kode yang harus ditambahkan
7. Simpan template
8. Selamat mencoba, semoga berhasil sobat.

 

Oleh Eko Priyanto