Cara Mengubah Warna Teks Comment di Blogger/Blogspot

Warna teks comments dapat diubahsuaikan agar 'macthed' dengan warna utama blog kita. Selain itu warna teks comment juga dapat menarik dan mempermudah visitor untuk membacanya.

Di bawah ini adalah sebagian contoh template comments secara default:

(Gunakan Ctrl+F untuk mencari, dengan kata kunci 'comments')

#comments h4{margin:1em 0;font-weight:bold;line-height:1.4em;text-transform:uppercase;letter-spacing:.2em;color:}
#comments-block{margin:1em 0 1.5em;line-height:1.6em}
#comments-block .comment-author{margin:.5em 0}
#comments-block .comment-body{margin:.25em 0 0}
#comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em}

Anda dapat menambahkan aturan CSS color:#kodewarna; setelah tanda { , atau didalam tanda { } Pastikan memberi awalan tanda ; jika sebelumnya terdapat aturan CSS lain.

Untuk contoh berikut, digunakan kode hex untuk warna putih (#FFFFFF). Untuk chart dan kode warna hex lainnya secara lengkap dapat dilihat Hex Color Code Generator.

Here are the examples:

Mengubah header/judul comments ('Comments'/'Komentar', "Post a comment', 'Link to this post', dst)

#comments h4{margin:1em 0;font-weight:bold;line-height:1.4em;text-transform:uppercase;letter-spacing:.2em;color:#FFFFFF}

Mengubah warna teks isi/body comment:

#comments-block .comment-body{color:#FFFFFF;margin:.25em 0 0}

Apabila sudah terdapat color: $/#xxxxxx anda tinggal menganti $/#xxxxxx dengan kode warna (#xxxxxx) yang anda inginkan. Jangan lupa preview terlebih dahulu n save.

Cara Mengubah Warna Teks Comment di Blogger/Blogspot
Written by: Ahmad Khoirul Azmi
Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan codedi bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.

<a href="http://buka-rahasia.blogspot.com/2011/01/cara-mengubah-warna-teks-comment-di.html">Cara Mengubah Warna Teks Comment di Blogger/Blogspot</a>

11 Comment(s):

ShareMyScience said...: Terima kasih Mas, infonya cukup membantu.; Friday, 08 July, 2011
Cek Info said...: boleh jg, tp gk lah tetep setia ama kotak komentar ane :D; Thursday, 25 August, 2011
websitedesign said...: artikel yang bagus, tinggal menambahi saja artikel mengenai bagaimana mencari kode warna nya :); Saturday, 24 September, 2011
Yunion said...: Muantab zob; Tuesday, 08 November, 2011
Anonymous said...: nice info gan....; Sunday, 27 November, 2011
Rifki Taufik said...: boleh jga sob.; Tuesday, 20 December, 2011
۩ Pèárls õf Lïght ۩ said...: udah d ganti tp kok warna commentny msh g brbah juga, mohon bntuannya gan :); Wednesday, 11 January, 2012
Ghost blogger... said...: Wah.. warna warni comment jadi mempercantik Blog....; Saturday, 12 May, 2012
ice breaks said...: om terima kasih om, bisa bantu gak?
diblog saya, recent comment n recent postnya gak kelihatan.. saya gak ngerti kenapa bisa begitu.... bisakan memberikan solusi???

terima kasih; Thursday, 17 May, 2012
Lizanovia M. Hadi said...: Mas Khoirul, kalo merubah warna huruf untuk kotak komentar facebook gimana? bawaannya kan hitam, sementara background saya juga hitam.
Saya ngga nemu tuh
Tampilannya jadi kayak di postingan ini lizanovia.blogspot.com/2013/12/cara-mudah-amankan-akun-facebook.html; Tuesday, 14 January, 2014
Unknown said...: Halo mbak Liz. Itu karena ada beberapa CSS yang tidak loaded, karena crash dengan yang lain. Tadi saya udah utak utik dan melakukan hack CSS di halaman mbak.

cari </head> di Editor HTML template dan masukkan CSS ini di atasnya, lalu save.

<style>
.fbFeedbackPost .postText {color: #fff !important;}
</style>

Ganti #fff dengan kode warna terang lain jika diinginkan. :)
Moga bisa sukses.; Tuesday, 14 January, 2014