2 Memberi Background Pada Profil Dan Isi Komentar

Oleh sabia | Jumat, Juni 17, 2011 | Tags:
  Penambahan warna latar belakang pada bagian ini tentu saja dimaksudkan untuk memepercantik tampilan dari sebuah blog atau web . sebabnya pada default template Minima jika seseorang menuliskan komentarnya maka  background dari bagian ini mengikuti warna dari warna bagian outer , jadi , ya cuma ada tulisan komentarnya saja disertai profil dari penulis komentar itu .


Sebagai contoh untuk komentar pada default template minima, lihat gambar dibawah :





Coba bandingkan dengan komentar yang telah di beri background atau latar belakang, seperti di bawah ini :




kelihatan kan bedanya, yang atas polos sedangkan yang bawah ada latar belakang warna biru .

Untuk memberi warna pada komentar seperti diatas caranya tinggal cari kode css untuk id komentar . Untuk background pada profil komentar cari kode ini .


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


Setelah ketemu tinggal tambahkan property dan value background kedalam kode diatas .
Sedangkan untuk memberi background atau latar belakang pada isi dari komentar , cari kode css untuk id komentar seperti ini .


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



Tambahkan juga disini property dan value untuk background kedalamnya .

Coba lihat hasilnya .

Catatan :
Untuk membuat bentuk background tidak hanya kotak saja bisa digunakan kode css gradient, box shadow , dan radius, supaya kelihatn lebih cantik . Pembahasan untuk ketiga kode css tersebut, mungkin akan saya tulis pada artikel terpisah .

Penambahan background pada bagian komentar selain dengan penambahan kode warna dengan CSS, juga bisa menggunakan media gambar atau image . Untuk cara memberi background dengan media gambar atau image, saya akan coba tulis pada waktu dan kesempatan yang lain . 




KOLOM TUTORIAL BELAJAR
Garut, 17 Juni 2011

Ada 2 komentar Untuk: Memberi Background Pada Profil Dan Isi Komentar

RIAN HARI SANDIKA Menuliskan komentarnya pada hari, Sabtu, April 07, 2012

Malem Gan...

makasih ya atas infonya,,,
ane mau sdkit tanya nch,, cara untuk masukkan kode css nya gimana??

Bambang Riyanto Menuliskan komentarnya pada hari, Kamis, Januari 21, 2016

Salam kenal semua..
Artikelnya keren gan..sangat bermanfaat..
Jika agan2 membutuhkan balon iklan,balon dekorasi,balon mainan interaktif,bisa menghubungi kami di 087778346565 atau bisa membuka website kami di http://worldbalon.com.
Terima kasih dan sukses selalu untuk KOLOM TUTORIAL BELAJAR dan semua pembaca.. :)

Posting Komentar Untuk Artikel Ini :