![pesan komentar](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh07U0nBApyVJitRci8-_fjFxVuvxU21-xvQS5dvZruFrd2OsDJkVkK_HKRonP_KxAReAt0cB2P7yFKkecDkO_gF_2PfL2UoOJKPJ9DtFD5UYWGRabflIhEF2F8K4a-28L7nM-FuzjJ1Bs/s400/pesan-komentar-thumbnail.jpg)
Isi dari pesan itu beragam, diantaranya Untuk memasukan kode, gunakan tag <i rel="code">KODE ANDA DISINI</i>, atau pun lainnya. Hasilnya akan tampak seperti gambar di bawah ini :
![pesan form komentar](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj5ueVjff3xZZhhV6C9RA8g-eDKit0VNnq0TsAKrVAiQV07jWbUnmTCpVwrQ_UtIlYm3WjECLyUviiWCObIj8uucJhOOLUULT0LR8Y_3souMsxnb8Q7glEgIRmZJNPdqIVS5YgesepeBM/s1600/pesan-kolom-komentar.jpg)
Untuk membuatnya, silahkan masuk ke Edit HTML pada template sobat. Sebelumnya silahkan backup dulu, untuk mengantisipasi kesalahan.
Langkah 1 : Cari kode
<p><data:blogCommentMessage/></p>
biasanya ada 4, cari yang ke 2 dan ke 4. Kurang lebih kodenya seperti ini :<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
tambahkan pada kode diatas :<div id='threaded-comment-form'>
...kode di atas...
</div>
hasilnya kurang lebih seperti ini :<div id='threaded-comment-form'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
Lakukan langkah di atas, pada kode ke 2 dan ke 4. Kode ke-2 untuk memunculkan sebelum ada komentar, sedangkan kode ke 4 muncul setelah ada komentar pada postingan.
Langkah 2 : Cari kode :
document.getElementById(domId).insertBefore(replybox, null);
ganti dengan kodedocument.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);
Langkah 3 : Untuk mempercantik tampilan, tambahkan CSS di atas ]]></b:skin>
/*-- Modifikasi Pesan Komentar--*/
#threaded-comment-form p {
position: relative;
background: #4085b8;
border: 3px solid #5899c9;
padding: 10px;
font-size: 11px;
line-height: 1.6em;
color: #fff;
margin-top: 10px;
font-size: 11px;border-radius:2px;
}
#threaded-comment-form p::after, #threaded-comment-form p::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#threaded-comment-form p::before {
border-top-color: #5899c9;
border-width: 15px;
left: 10%;
margin-left: -35px;
}
#threaded-comment-form p::after {
border-top-color: #4085b8;
border-width: 10px;
left: 10%;
margin-left: -30px
}
Simpan Template.Sampai di sini, kotak pesan sudah siap untuk diisi. Untuk mengisi pesan, masuk ke Dasboard -> Setelan -> Pos dan Komentar, klik Tambahkan.
![pesan form komentar](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5YZw1PVuu4_Bk9EXsemZk0HMUK-WNBxvtkKYtWvRs6YlIK4PWmfCEm_b0sUuA2YCJu4sBwUkMxYLuZzKuhesrL5DYHLADFihk6E6jCHOpFtD-qqq84llyh7mnBwt7_yWH22lUpr_ngz8/s1600/membuat-pesan-komentar.png)
Tulis pesan sobat pada kolom isian, kemudian klik Simpan Pesan di pojok kanan atas dasboard.
Semoga bermanfaat.