kali ini saya akan memberian tips Cara Modifikasi/Merubah Warna Kolom Komentar seperti kolom komentar dalam, namun sebelum kita membahas cara merubah warna kolom komentar perlu diketahui bahwa Saya menggunakan template Rounders 2, sehingga kode-kode dalam template Rounders 2 bisa saja tidak sama dengan template Anda dan jika mau menggunakan template Rounders 2 silahkan download Klik Disini.
Adapun Cara Merubah Warna Kolom Komentar pada Blogger, sebagai berikut:
Contohnya seperti di bawah ini:
Adapun Cara Merubah Warna Kolom Komentar pada Blogger, sebagai berikut:
- Login ke Blogspot => pada Dashboard pilih Rancangan/Design => klik Edit HTML => Download Template untuk jaga-jaga bila gagal => kasih tanda centang pada tulisan Expand Widget Template;
- Untuk merubah warna kolom pada nama pemberi komentar, cari kode .comment-author { contoh struktur kode di template Rounders 2 seperti di bawah ini:
.comment-author {
background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
margin:.5em 0;
padding:0 0 0 20px;
font-weight:bold;
}
background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
margin:.5em 0;
padding:0 0 0 20px;
font-weight:bold;
}
- Pada tulisan background: tambahkan kode warna dibelakangnya, contohnya seperti di bawah ini:
.comment-author {
background:#AE010Eurl("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
margin:.5em 0;
padding:0 0 0 20px;
font-weight:bold;
}
background:#AE010Eurl("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
margin:.5em 0;
padding:0 0 0 20px;
font-weight:bold;
}
- Untuk merubah warna kolom tempat isi komentar, cari kode .comment-body { contohnya pada template Rounders seperti di bawah ini:
.comment-body {
margin:0 0 1.25em;
padding:0 0 0 20px;
}
margin:0 0 1.25em;
padding:0 0 0 20px;
}
- Tambahkan kode di bawah ini kedalam kode di atas:
background:#D2D2D2;
text-align:justify;
border-left:10px solid#2A00FF;
text-align:justify;
border-left:10px solid#2A00FF;
Contohnya seperti di bawah ini:
.comment-body {
background:#D2D2D2;
text-align:justify;
border-left:10px solid#2A00FF;
margin:0 0 1.25em;
padding:0 0 0 20px;
}
background:#D2D2D2;
text-align:justify;
border-left:10px solid#2A00FF;
margin:0 0 1.25em;
padding:0 0 0 20px;
}
Nah... gmn?? mudah kan?? sekarang selamat mencoba ja dech... oya jangan lupa tinggalin koment ya..
May I simply say what a comfort to uncover a
person that genuinely knows what they are discussing on the net.
You certainly understand how to bring an issue to light and make it important.
A lot more people ought to look at this and understand this side of your story.
It's surprising you aren't more popular because you most certainly possess the gift.
Very quickly this web page will be famous amid all blogging and site-building people, due to it's pleasant posts
I don't even know the way I finished up right here, however I assumed this post was once good.
I do not understand who you might be but definitely you're going to a
famous blogger when you are not already ;) Cheers!
I know this web site offers quality based articles and other stuff, is there any other site
which provides such information in quality?
Everything is very open with a precise description of the challenges.
It was truly informative. Your website is very helpful.
Many thanks for sharing!
You are my breathing in, I have few web logs and sometimes run out from post :).