Cara Membuat Pesan di atas Kotak Komentar

Cara Membuat Pesan di atas Kotak Komentar, Nah disini saya mau memberi tahu kalian cara buat pesan di atas kotak komentar, apa fungsinya? Ya itu buat kalian jika ingin menulis catatan atau pesan yang ingin disampaikan

Isinya mungkin peraturan yang ingin disampaikan, atau comment yang tidak boleh ditulis seperti gambar dibawah :



Mau tau cara masangnya? nih disini langsung aja ya gan, Langsung menuju Edit HTML blog kalian,

1. Cari kode <p><data:blogCommentMessage/></p> bisa dengan menggunakan CTRL + F, nah disitu biasanya ada 4 hasil pencarian anda, nah 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 pada kode di atas :

<div id='threaded-comment-form'>
...kode di atas...
</div>

Nah hasilnya kaya gini..

<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

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

 }

Buat edit warnanya saya harap kalian bisa ya :)

Setelah itu simpan Template anda, Langkah Terakhir anda harus menuliskan pesan yang ingin disampaikan di atas kotak komentar Anda.

Masuk ke Dashboard > Setting > Postsand Comments - Klik Add

Sumber: Blog Kangismet Pada Tahun 2014 ( Blog yang bersangkutan sudah nonaktif)