Ada Ribuan Celah Untuk Mendapatkan Penghasilan Tambahan Melalui Internet. Sayangnya, Tidak Semua Orang Tahu Bagaimana Caranya!


Memberi Warna-warni pada Komentar
3:43 PM | Author: Tips Blogger
Dunia adalah warna. Itu adalah sebuah kata bijak yang menggambarkan keindahan dunia, yang digambarkan dengan beribu-ribu warna. Tetapi bagaimana kalau kita ubah menjadi "komentar adalah warna". Wah, bagaimana yah, komentar itu berwarna-warni. Untuk melakukan hal yang satu ini, ikutilah langkah berikut :
Masuk ke Edit HTML. Di sana backup dulu template. Setelah di-backup cari segerombolan kode CSS tentang komentar. Di setiap blog, kode CSS ini berbeda, tetapi pasti diawali dengan /* Comments
Blok semua kode yang bernaung di CSS comment itu dan ubah dengan kode ini :

/* Comments

-----------------------------------------------------------------------------------------------*/

#comments {

margin:0;

}

#comments h4 {

margin: 0 0 10px;

border-top: 1px dotted #99bb99;

padding-top: .5em;

line-height: 1.4em;

font: bold 110% Georgia, Serif;

color: #333;

}

#comments-block {

line-height: 1.6em;

}

.comment-author {

background:#CCFFCC /*comment header background color (comment author name)*/

url ("http://www.blogblog.com/dots/ikon_comment.gif") no-repeat 2px .35em;

margin: .5em 0 0;

padding: 0 0 0 20px;

font-weight:bold;

}

.comment-body {

background:#99FFFF; /*Reader comment background color*/

margin: 0;

padding: 7px 7px 7px 7px; /*Modified padding values*/

.comment –body p {

margin: 0 0 .5em;

}

.comment-body-author {

background:#cccccc; /*The author comments background color.*/

margin:0;

padding:7px 7px 7px 10px; /*Modified padding values*/

}

.comment-body-author p {

font-size: 105%;

margin: 0 0 .2em 0;

color: #6728B2; /*The author comments text color. */

text-decoration: bold;

}

.comment-footer {

background: #CCFFCC; /*Comment footer background color

(comment permalink)*/

margin: 0 0 .5em;

padding: 0 0 .75em 20px;

color: #996;

}

.comment-footer a : link {

color: #996;

}

.deleted-comment {

font-style: italic;

color: gray;

}

Hmmh... jadi keren ni blognya, komentarnya warna-warni.

This entry was posted on 3:43 PM and is filed under . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.