Cara Modifikasi/Merubah Warna Kolom Komentar

Sehubungan ada pertanyaan dari pengunjung yang menanyakan Cara Modifikasi/Merubah Warna Kolom Komentar seperti kolom komentar dalam Blog Serba Tersedia, 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:

1. 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;
2. 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;
   }
3. 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;
   }
4. 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;
   }
5. Tambahkan kode di bawah ini kedalam kode di atas:
   
   background:#D2D2D2;
   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;
   }
6. Simpan/Save Template, selesai.

Demikianlah Cara Modifikasi/Merubah Warna Kolom Komentar, semoga bermanfaat.

Share