Rabu, 12 Januari 2011

Cara Mengubah Warna Teks Comment di Blogger/Blogspot

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!

mencuri adalah pekerjaan pengecut! © budihaeruman.blogspot.com

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Modern Warfare 3