Mempercantik Kotak Komentar

{ Posted on 06.40 by Faruq Blog }
Tags : ,
Sebelumnya saya sudah pernah memposting cara agar kotak komentar langsung berada di bawah postingan. Tapi kotak komentar bawaan blogger yang kamu punya mungkin mempunyai tampilan yang biasa-biasa saja. Nah sekarang kotak komentar kamu yang masih standar itu bisa kamu ubah sesuai dengan selera dan juga kemauan kamu lho.. Penasaran? Nah berikut langkah-langkahnya yang bisa kamu ikuti:

1. Login ke Blogger, Pilih Layout-->Edit HTML
2. Seperti Biasa centang Expand Widgets Template
3. Copy code berikut diatas code ]]></b:skin&gt

.comment-form {
background:#fff9fa;
border:5px solid #ece7e6;
margin:0 10px 20px 10px;
padding:0 0 0 15px;
-moz-border-radius:10px

catatan:
- teks yang berwarna hijau adalah warna background dari kotak komentar. kamu bisa mengubahnya sesuai dengan keinginan kamu.
- untuk mengatur tebal border kamu bisa mengganti teks yang berwarna orange, semakin besar nilainya maka semakin tebal bordernya.
- untuk pengaturan margin dan padding bisa kamu sesuaikan sesuai dengan mood kamu.

Kalo kamu belum puas dengan Kotak komentar kamu, kamu juga bisa menggunakan image sebagai background. Namun sebelumnya kamu harus mengupload terlebih dahulu sebuah image yang kira-kira pas dengan kotak komentar kamu. jika sudah, langkah selanjutnya adalah mengubah property warna background menjadi alamat URL file image kamu tadi.

lebih jelasnya mungkin bisa dilihat disini:

.comment-form {
background:transparent url(http://"alamat-url-uploade image") no-repeat left top;
border:5px solid #ece7e6>;
margin:0 10px 20px 10px;
padding:0 0 0 15px;
-moz-border-radius:10px

Ganti teks yang berwarna merah dengan alamat URL file image kamu.

Sekarang simpan template, dan lihat kotak komentar baru kamu.. Semoga berguna..

No Response to "Mempercantik Kotak Komentar"

Posting Komentar