Cara Memberi warna pada layout komentar
Ok mulai aja langsung Sebelum kita memberi warna pada komentar kita terlebih dahulu kita harus mengetahui warna-warna apa saja yang cocok di sematkan pada komentar, sebagai gambaran awal pada blog ini saya memilih 3 warna yang sesuai tema yaitu :
soft-orange (#FFFF99) : untuk warna dasar (background colour)
orange (# FFCC66): Warna text “nama user” dan
grayscale (# CCCCCC): comment footer
setelah menentukan warna komentar yang sesuai dengan blog, selanjutnya cari kode warna-warna tersebut, misalnya menggunakan foto editor (exp: photoshop), lalu jangan lupa catat kode tersebut.
Edit HTML
Login ke akun , pilih blog yang akan di edit, kemudian klik Layout → Edit HTML kemudian centang Expand Widget. Jangan lupa untuk membackup template sebelum melakukan perubahan.
Pada bagian “Comments” cari kode dibawah ini (tekan ctrl+F) :
Setelah menemukan kode diatas ganti dengan kode dibawah ini, kode berwarna merah adalah kode warna yang telah dipilih sebelumnya :
Setelah selesai jangan lupa tekan Save.
Selamat…!!! Komentar pada blog kita sudah berubah warna
Catatan : setelah hasil edit kita tersimpan maka semua komentar yang telah masuk akan berubah sesuai dengan warna yang telah dipilih sebelumnya.
Akhir kata semoga tulisan ini bermanfaat dan trims atas kunjunganny
Ok mulai aja langsung Sebelum kita memberi warna pada komentar kita terlebih dahulu kita harus mengetahui warna-warna apa saja yang cocok di sematkan pada komentar, sebagai gambaran awal pada blog ini saya memilih 3 warna yang sesuai tema yaitu :
soft-orange (#FFFF99) : untuk warna dasar (background colour)
orange (# FFCC66): Warna text “nama user” dan
grayscale (# CCCCCC): comment footer
setelah menentukan warna komentar yang sesuai dengan blog, selanjutnya cari kode warna-warna tersebut, misalnya menggunakan foto editor (exp: photoshop), lalu jangan lupa catat kode tersebut.
Edit HTML
Login ke akun , pilih blog yang akan di edit, kemudian klik Layout → Edit HTML kemudian centang Expand Widget. Jangan lupa untuk membackup template sebelum melakukan perubahan.
Pada bagian “Comments” cari kode dibawah ini (tekan ctrl+F) :
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
Setelah menemukan kode diatas ganti dengan kode dibawah ini, kode berwarna merah adalah kode warna yang telah dipilih sebelumnya :
#comments-block .comment-author {
background:#FFCC66; /* warna text Nama komentator */
margin:.5em 0;
padding:0 0 0 20px;
font-weight:bold;
}
#comments-block .comment-body {
background:#FFFF99; /* warna background komentar pengunjung */
margin:.25em 0 0;
}
#comments-block .comment-footer {
background:#CCCCCC; /* warna background footer komentar */
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
Setelah selesai jangan lupa tekan Save.
Selamat…!!! Komentar pada blog kita sudah berubah warna
Catatan : setelah hasil edit kita tersimpan maka semua komentar yang telah masuk akan berubah sesuai dengan warna yang telah dipilih sebelumnya.
Akhir kata semoga tulisan ini bermanfaat dan trims atas kunjunganny
3 komentar:
pertamax ya bro....
udah aq coba n aq ubag sdkit warna biar sesuai ma template
n sukses....
muakacih y......
ok..sama2
kunjungan balik lagi :)
tambah mantap blognya :)
Posting Komentar
Setiap komentarmu akan sangat berarti sekali buat blog ini agar bisa menjadi lebih baik untuk kedepannya, trima kasih udh berkomentar di blog ini..