Memodifikasi Kotak Pesan Komentar merupakan hal yang sangat penting dengan mendesign Kotak komentar pada blog maka blog terlihat lebih indah dan profesional. Cara ini banyak digunakan oleh para pendesign blogger blogger Indonesia.
Cara penerapan code design kolom komentar :
1. Login
2. Pilih template EDIT HTML
3. Cari code ]]></b:skin> dan letakkan code di bawah ini, tepat di atas code ]]></b:skin>
#pra-comment{
position: relative;
background:#2B86BD;
width:95%;
padding:10px;
font:Italic 11px Georgia;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 0 #000000;
text-align:justify;
border:3px solid #68ACF9;
border-radius: 10px;
box-shadow: 0 0 0 2px #242424, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
margin:0 10px 10px 0;
margin-top: 10px;
line-height: 1.1em;
}
#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: #68ACF9;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#pra-comment::after {
border-top-color: #2B86BD;
border-width: 9px;
left: 10%;
margin-left: -30px
}
4. Untuk memunculkan diatas kolom komentar, silahkan cari code <p><data:blogCommentMessage/></p> biasa lebih dari 2 jadi silahkan ganti semua dengan code di bawah ini
<div id='pra-comment'><data:blogCommentMessage/></div>
5. Langkah terahir, masuk kekolom pesan formulir komentar dan masukkan pesan yang Anda inginkan
6. Simpan
Untuk memunculkan emoticon didalam pesan komentar, nanti saya akan share di artikel selajutnya
ADS HERE !!!