Cara Membuat Catatan atau Pesan di atas Kotak Komentar

Written By Apin on Wednesday, January 29, 2014 | 7:00 AM

Cara Membuat Catatan atau Pesan di atas Kotak Komentar, disini saya akan menunjukkan cara Membuat catatan atau pesan di atas kotak komentar, Isinya peraturan yang ingin disampaikan, atau comment yang tidak boleh ditulis seperti gambar dibawah :

1. Cari kode <p><data:blogCommentMessage/></p>, disitu biasanya ada 2 atau 4 hasil pencarian, coba lihat hasil ke 2 dan ke 4, kaya gini hasilnya :

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

2. Setelah itu tambahkan kode di atas tadi seperti berikut :

<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>

3. Cari lagi kode seperti dibawah ini

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

Ganti kode di atas dengan kode berikut:

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

4. Setelah itu tambahkan kode berikut 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
}