Memberi Warna Pada Komentar Admin Blog

Ini menjadi tren yang sangat populer di kalangan blogger. Sebuah trik blogging mudah dan sederhana dimana efek digunakan untuk membuat komentar admin menonjol dibandingkan komentar pembaca blog sobat. Hal ini menjadi penting, karena beberapa pengunjung tidak hanya sekedar berkomentar namun juga kerap mengajukan pertanyaan seputar artikel yang sobat posting. Sehingga komentar admin mudah sekali ditemukan oleh pembaca yang mengajukan pertanyaan tadi. Pada blognya para master, kebanyakan komentar admin berbeda dengan komentar pengunjung/pembaca, bahkan hampir semuanya. Jika sobat tertarik untuk membuat blog sobat kelihatan profesional seperti blognya para master caranya adalah sebagai berikut:
Tahap Satu :
1. Login Ke blogger sobat
2. Masuk Ke Rancangan lalu EDIT HTML (centang expand template widget). Untuk jaga-jaga backup templatenya.
3. Simpan CSS berikut diatas kode ]]></b:skin>

.owner-Body {
background: transparent;
margin: 0; }

.owner-Body p {
color: #cc6600;
margin: 0 0 0 20px;
padding: .5em 5px .25em 5px;
border-left: 2px dotted black; }

Sobat boleh mengubah :
a. transparent adalah kode background komentar Admin yg artinya transparan, bisa diganti dengan warna yang diinginkan, misalnya black, red (harus bahasa Inggris, atau bisa juga dengan kode warna).
b. #cc6600 adalah warna tulisan komentar admin, bisa diganti dengan kode warna yang lain atau langsung menyebut nama warnanya, misalnya yellow.
c. dotted adalah kode untuk garis putus-putus, jika ingin diganti dengan garis utuh (tidak putus-putus) silahkan ganti dengan tulisan solid .
d. black adalah nama warna untuk garis putus-putusnya, bisa diganti misalnya dengan Red atau warna lain dalam bahasa Inggris atau bisa juga dengan kode warna.
e. untuk mempermudah, sobat dapat mencari kode warna di http://camex.wen.ru/Sampel/Warna.html

Tahap Dua :

1. Selanjutnya, cari kode yang berwarna hitam berikut :

    <b:if cond='data:comment.author == data:post.author'>
    <dd class='owner-Body'>
    <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>

Keterangan:
Lebih mudah gunakan CTRL + F atau tekan F3 pada keyboard kemudian masukkan kode yang akan dicari. Setelah kode warna hitam ketemu, sisipkan (copy paste) kode yang berwarna cokelat seperti susunan kode di atas.

2. Simpan Template Sobat

Jika kode pada nomor 1 di atas tidak ketemu, cari kode yang berwarna hitam berikut ini :

    <b:if cond='data:comment.author == data:post.author'>
    <dd class='owner-Body'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>
    <dd expr:class='&quot;comment-body &quot; + data:comment.commentAuthorClass'  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/>
    <span class='interaction-iframe-guide'/>
    </p>
    </b:if>
    </dd>
    </b:if>

Setelah itu, sisipkan kode yang berwarna cokelat sesuai susunan kode di atas, Selanjutnya klik save atau simpan.

Kemudian klik pratinjau, jika muncul normal sepertinya sobat sudah benar. Jika ada masalah, silahkan periksa kode yang telah dimasukkan (kurang satu kode dapat membuat cara ini "gagal" alias tidak berhasil). Warna pada komentar admin ini hanya dapat diketahui jika sobat sudah pernah berkomentar pada blog sobat. Trik ini kan sangat cocok jika sobat juga mencoba membuat tombol reply/balas pada komentar.