Pada beberapa waktu yang lalu saya telah menulis cara membuat warna kotak komentar admin berbeda dengan kotak komentar pengunjung. Nah, pada kesempatan kali ini saya akan membahas hal yang kurang lebih sama. Namun, di sini kita hanya akan memberi warna pada huruf atau font komentar admin. Dengan demikian, secara kasat mata kita dapat membedakan dengan mudah mana komentar admin dan mana komentar dari pengunjung.

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.

4 تعليقات

  1. Thanks .. semakin mudah membedakan komentar jika begini kk ... heheh
    aQ ikut saran dech .. makasii kk Infonya. ;)

    ردحذف
  2. Gan ko ane gak bisa ya, gak ada yg berubah gi2, tolong solusinya...

    ردحذف
  3. saya saat ini sedang cari tutorial untuk mengubah warna huruf pada header blog yang ada di wordpress, bila anda juga tahu mohon infonya
    terima kasih atas ulasan di atas, suatu saat akan sangat bermanfaat untuk saya..

    ردحذف

إرسال تعليق

أحدث أقدم