Memberi Warna pada Huruf Komentar Admin

Cara untuk memberi warna pada komentar admin ini tidak jauh berbeda dengan cara membuat kotak komentar admin berbeda dengan pengunjung lainnya. Kita hanya perlu mengubah kode CSS-nya saja agar huruf pada komentar admin atau pemilik blog berwarna sesuai keinginan kita. Berikut ini langkah-langkah untuk mengerjakannya.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.

4. Beri tanda centang di Expand Template Widget.

5. Cari kode ]]></b:skin>. Gunakan Ctrl + F untuk memudahkan pencarian.

6. Copy kode di bawah ini lalu paste di atas kode tersebut.

.comment-body-author {

color:#FF0000;

}

• #FF0000 merupakan kode warna untuk warna merah, silakan diganti dengan kode lainnya sesuai dengan warna keinginan Anda.

7. Cari kode seperti di bawah ini.

<b:if cond='data:comment.authorUrl'>

              <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>

            <b:else/>

              <data:comment.author/>

            </b:if>

            <data:commentPostedByMsg/>  

          </dt>

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

          <dd class='comment-footer'>

8. Tambahkan kode:

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

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

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

</dd>

<b:else/>

di bawah kode:

<data:commentPostedByMsg/>  

          </dt>

dan kode </b:if> di bawah kode:

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

sehingga hasilnya menjadi seperti di bawah ini.

<b:if cond='data:comment.authorUrl'>

              <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><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'>

9. Klik tombol SIMPAN TEMPLATE 


Sumber: http://klikmunadi.blogspot.com