Merubah warna komentar admin

Pada saat melakukan blogwalking (maksudnya browsing lah) ada kalanya kita melihat rangkaian percakapan para pengunjung dengan admin blog tersebut, tapi ada yang cukup menarik di sana yaitu biasanya warna background komentar dari sang admin berbeda dengan komentar pengunjung lain (mungkin inilah yang dinamakan diskriminasi dalam berpendapat)

Perbedaan warna komentar itu sangat berguna bagi pengunjung yang ingin fokus terhadap pencarian jawaban admin atas pertanyaannya di blog tersebut. Bagi sobat yang ingin mencoba, seperti biasa langkahnya sebagai berikut :
1. Login ke Dashboard Blogger
2. Klik  Rancangan >> Edit HTML >> Expand Template Widget.
3. Copy paste kode CSS dibawah ini tepat di atas kode ]]></b:skin>

.author-comments {
background: #FFFFCC;
border: 1px solid #A3A3A3;
padding: 5px;
}

Nilai yang berwarna biru bisa sobat atur sesuai selera.

4. Kemudian untuk HTML nya cari rangkaian kode seperti di bawah ini :
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</dt>

Lalu sisipkan kode berwarna merah pada rangkaian kode diatas dengan penempatan seperti ini :
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</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'>
<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'>

5. Preview terlebih dahulu lalu simpan.

Note :
Yang paling penting pada proses ini adalah bagaimana kita benar dalam menempatkan kode :
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
 dan
</dd>
</b:if>
Untuk mengapit kode :
<p><data:comment.body/></p>
Pada beberapa template kenyataannya kita tidak perlu menambah kode-kode HTML seperti pada langkah No.4, melainkan hanya cukup dengan mengapit kode <p><data:comment.body/></p> di atas. Dalam hal ini kreatifitas dan ketelitian sobat dalam mengedit template sangat berperan.

Selamat mencoba, semangat dan salam blogger.

Comments
0 Comments

0 komentar :

Posting Komentar

Jika anda menyukai artikel di atas silahkan share atau tinggalkan komentar. Mohon maaf, untuk menghindari spam, komentar yang menyertakan live link akan dihapus.

Statistik