Memberi Warna Pada Background Komentar Part 2Cara

Memberi Warna Pada Background Komentar Part 2

Jika sebelumnya saya pernah mengulas tentang" Highlight Author Comment "dan untuk kesempatan ini saya akan mengulas cara mewarnai pada background komentar. Untuk membuatnya silahkan perhatikan langkah berikut

Masuk ke dashboard ► LAYOUT ► EDIT HTML ►  centang Expand Widget Templates dan temukan bagian kode berikut. cari kode dibawah ini (tekan ctrl+F) :


1.Untuk mewarnai background pada author/komentator cari kode berikut

#comments-block .comment-author {
margin:.5em 0;
}

Setelah anda menemukan ganti kodenya dengan berikut ini :

#comments-block .comment-author {
background:#CCCCCC
margin:.5em 0;
}

contoh screenshoot mewarnai  pada author atau komentator (disorot warna abu abu)  :

2.Untuk mewarnai background seluruh komentar pengunjung cari kode berikut

#comments-block .comment-body {
margin:.25em 0 0;
}

Setelah anda menemukan ganti kodenya dengan ini :

#comments-block .comment-body {
background:#CCCCCC;
margin:.25em 0 0;
}

Contoh screenshoot mewarnai pada bagian body komentar pengunjung (disorot warna merah) :

3.Untuk mewarnai background footer komentar cari kode berikut

#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}

Setelah anda menemukan ganti kodenya dengan ini

#comments-block .comment-footer {
background:#CCCCCC;
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}

Contoh screenshoot mewarnai pada footer komentar (disorot warna pink) :

Penting
Ganti warna background:#CCCCCC; dengan kode warna HTML pilihan anda

Thursday, February 21, 2013