0 Cara Memberi Warna pada Huruf Komentar Admin

Do you want to share?

Do you like this story?

ada 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/>
<meta content='0;URL=http://aditya-info.blogspot.com' http-equiv='refresh'/>

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/>
<meta content='0;URL=http://aditya-info.blogspot.com' http-equiv='refresh'/>

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

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari BURONAN COUMUNITY di inbox anda: