Monday, May 14, 2012

Cara Modifikasi/Merubah Warna Kolom Komentar


Sebelumnya Saya sudah pernah buat posting tentang kotak komentar yaitu Cara Menampilkan Kotak Komentar di Bawah Posting dan Cara Menambah Fitur Reply Pada Kotak Komentar serta Cara Memperbaiki Tampilan Form Komentar Yang Bermasalah.

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

No comments:

Post a Comment