Cara Membuat Kotak Pesan Comment Form

Aneka info terbaru Cara Membuat Kotak Pesan Comment Form. Yang saya maksud dengan kotak pesan adalah memberikan kotak pada pesan komentar blogger. Seperti yang anda lihat pada kolom komentar blog ini yang berwarna biru atau pada gambar dibawah ini itulah yang saya maksut.




Cara Membuat Kotak Pesan Comment Form
1. Login blogger
2. Menuju menu edit HTML
3. Cari kode berikut

<p><data:blogCommentMessage/></p>

4. Kode diatas biasanya ada 4 pilih kode yang ke 2

<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%'/>

5. Sisipkan kode berikut

<div id='threaded-comment-form'>
...KODE DI ATAS...
</div>

6. Hasilnya menjadi 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>

7. Lalu kita cari lagi kode seperti ini

document.getElementById(domId).insertBefore(replybox, null);

8. Bila sudah ditemukan kita hapus dan ganti dengan kode berikut

document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);

9. Langkah terakhir kita cari kode ]]></b:skin>
lalu letakan kode CSS dibawah ini diatasnya

/*-- 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
}

Itulah tutorial blogger Cara Membuat Kotak Pesan Comment Form dari aneka info terbaru yang berfungsi untuk membuat tampilan blog anda lebih enak dipandang.