Sabtu, 01 Januari 2011

Cara Modifikasi / Merubah Warna Kolom Komentar

namun sebelum kita membahas cara merubah warna kolom komentar perlu diketahui bahwa Anda harus 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.

2 komentar:

VEGAZWAE mengatakan...

maksih sob atas infonya jangan lupa mampir ke blog aku ya http://skynet-pb.blogspot.com/

Terimakasih Untuk Komentar Teman-teman Pada Artikel Ini... by : Nhiecotine21
Sandal Jepit mengatakan...

ijin nyoba

Terimakasih Untuk Komentar Teman-teman Pada Artikel Ini... by : Nhiecotine21
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Silahkan tinggalkan komentar untuk postingan ini. Untuk komentar yang tidak mendidik akan segera didelete. No SPAM, NO SARA! Terimakasih. by : bLoGnYa AnAk InPurE