Informasi Tips Blog Blogger | Seputar Kehidupan Blogger | Software | Games | Gadgets

Cara Mengubah Warna Teks Comment di Blogger/Blogspot

Posted by Herly Deflin 0 komentar
mengubah warna teks comment

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.

Selamat bereksperimen!

Sumber


Artikel Lainnya

0 komentar:

Post a Comment