Modifikasi Kotak Pesan Komentar Admin

Cara mudah Memodifikasi tampilan pesan formulir komentar di blog kita, mungkin bagi anda yang bosan dengan tampilan pesan komentar pada blog anda yang biasa-biasa saja karena tidak ada warna background atau yang lainya. Dengan sedikit modifikasi mungkin ini bisa jadi solusi, kita bisa merubah warna background, warna font, jenis font dan ukuran font. Memodifikasinya sangat mudah dilakukan karena hanya sedikit perubahn pada kode HTML dan sedikit penambahan kode CSS pada tempelate.
Berikut cara memodifikasi Tampilan Pesan Komentar:

Modifikasi kotak pesan komentar
  • Masuk ke dasbord blogger
  • Tempelate >> Edit HTML
  • Cari kode <p><data:blogCommentMessage/></p>
  • Lalu ganti dengan kode dibawh ini
<div id='pra-comment'><data:blogCommentMessage/></div>
  • Biasanya dalam tempelate kode <p><data:blogCommentMessage/></p> ada dua,ganti semua kode tersebut
  • Kalau sudah sekarang cari kode ]]></b:skin>
  • Copy CSS dibawah ini dan letakan diatas ]]></b:skin>
/*-- modifikasi pesan komentar--*/ #pra-comment{ position: relative; background:#F3C5C5; width:100%; padding:10px; font:normal 12px trebuchet ms; text-align:justify; border:3px solid #AD3000; margin:0 10px 10px 0; margin-top: 10px; line-height: 1.3em; } #pra-comment::after, #pra-comment::before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } #pra-comment::before { border-top-color: #AD3000; border-width: 15px; left: 10%; margin-left: -36px } #pra-comment::after { border-top-color: #F3C5C5; /* Samakan dengan warna background */ border-width: 9px; left: 10%; margin-left: -30px }
Kalau sudah,SIMPAN tempelate anda,dan sesuaikan pesan pada kotak pesan komentar dengan kata-kata yang anda inginkan. .
selamat mencoba. . .

2 komentar


EmoticonEmoticon