Modifikasi Tampilan Komentar Blogger

Situseo Blog : Memodifikasi Tampilan Komentar Blogger, design komentar default blogger biasanya polos tanpa border atau pun background, tampilan komentar yang hanya berisi teks kelihatannya begitu hampa tanpa ada warna-warna yang bisa memberi cahaya.

Tanpa membuat modifikasi fungsi kerja komentar blogger sudah berjalan baik, disini kita hanya memodifikasi tampilan komentar tanpa merubah fungsi kerjanya. Sebelumnya pernah kita bahas mengenai cara merubah ukuran kotak komentar supaya sesuai dengan ukuran template.

Modifikasi komentar yang akan kita lakukan merupakan modifikasi sederhana tanpa merubah bagian dasar dari fungsi komentar tersebut, kita hanya akan belajar menambahkan, mengurangi dan merubah bagian jarak, warna background dan garis dari tampilan komentar. Template yang saya pakai sekarang ini pada awalnya tampilan komentarnya polos tanpa ada garis atau pun warna, saya hanya menambahkan beberapa garis dan warna untuk mempercantiknya, bila penasaran hasilnya seperti apa, silahkan untuk melihat pada bagian post komentar yang sudah berisi komentar dari pengunjung atau kalian bisa berkomentar langsung di halaman post ini.

Bila tertarik untuk mencoba memodifikasi sendiri bagian komentar di template kalian, kalian bisa merubah pada bagian script seperti dibawah ini yang berwarna hijau :

#comments {
text-align:left;
color:#4c4c4c;
font:normal normal 101% Arial, sans-serif;
border:2px solid #C33F00;
background:#fff;
margin:0;
padding:15px 20px;
}
.comment-author {
color:#C33F00;
background:#EFC6B3;
border-bottom:2px solid #C33F00;
margin:15px 0 10px;
padding:15px 0 0 -35px;
}
.comment-body p {
line-height:1.6em;
margin:0px 0px 0px 41px;
padding:10px 10px 10px 10px;
border-left:5px solid #C33F00;
border-bottom:1px dashed #C33F00;
}

Kalian bisa ubah sesuikan dengan warna background template kalian, bila kesulitan dalam pencarian kode warna, kalian bisa melihat di blog ini pada bagian menu color tools dibagian atas atau klik link Kode Warna.

sebelum melakukan perubahan dalam template sebaiknya melakukan back up template terlebih dahulu dengan melakukan Download Full Template.

Semoga bermanfaat,