November 29, 2011

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,

12 Diskusi untuk Modifikasi Tampilan Komentar Blogger

11 Desember 2011 11.23  

thanks gan

12 Desember 2011 01.15  

@Jual Mobil Batam : sama-sama gan semoga bermanfaat

23 Februari 2012 10.02  

Kenapa kode2 seperti (#comments), (.comments-bdy), dan (.comments-author) tidak ada di template saya ya??

24 Februari 2012 14.30  

@Faril Lukman : mungkin penamaannya berbeda, kode css itu fleksible ntuk penamaannya, yang penting pemanggilnya cocok dengan kode css yang dipakai akan bejalan baik. untuk template yang dipergunakan Fikri kemungkinan namanya berbeda, coba search dengan nama comment saja di tempalte

Anonim
16 April 2012 14.59  

mantaabssss....

thanks bgd infonya gan

#tampiLan bLog ini keren bgt
:)

24 Mei 2012 13.34  

makasih gan ilmunya
nice

5 Juni 2012 12.44  

Ane bookmark dlu bru nnti ane cba

Anonim
14 Juli 2012 22.51  

@Mas Dalang

nice info

2 Agustus 2012 09.05  

kalau buat coment kaya gini gimana gan?

20 Agustus 2012 20.12  

wajib ngikutin ini :D

Posting Komentar

supaya diskusi berjalan baik, gunakan tombol jawab untuk reply. penggunaan tombol jawab, jangan menghapus kode komentar pada kotak komentar, cukup mengetikan komentar disebelah atau dibawah kode komentar. Terima kasih.

rate this post
beri nilai posting ini
Terima kasih,

Template by Dicas Blogger | Modifikasi ulang oleh Mas Dalang

101011  ©Situseo Blog | Powered by Blogger | Back to Top