Cara Membuat Pesan di Atas Form Komentar

Modifikasi Pesan di Atas Form Komentar. Sobat blogger, seberapa pentingkah pesan yang terdapat pada form komentar,  yapz saya rasa hal ini sangat penting,  karena pesan yang terdapat diatas form komentar adalah bisa jadi untuk sebuah warning untuk para komentator spam atau mungkin berguna sebagai ucapan sekedar selamat berkomentar atau kata-kata yang lain, intinya untuk menyambut sang komentator sebelum mereka melakukan comment.

Pada dasarnya, tampilan pesan diatas form komentar bawaan atau default blogger, tampilannya sangat jelek sekali dan terkadang, tempatnya juga tidak spesifik diatas form komentar, jadi pada kesempatan kali ini, saya akan membuat tutorial bagaimana cara memodifikasi tampilan pesan komentar agar lebih keren dan juga penempatannya tidak acak-acakan seperti kadang tampil dibawah form komentar.

Baca Juga : Cara Membuat Halaman Kontak Pada Blog

Untuk tutorial cara memodifikasi pesan diatas form komentar / comment, saya harap sobat membackup terlebih dahulu, untuk menghindari kesalahan yang bisa saja terjadi.

Cara Membuat Pesan di Atas Form Komentar

1. Buka akun blogger anda.

2. Pilih menu template >> Klik Edit HTML

3. Selanjutnya anda cari kode seperti dibawah ini.

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

- Biasanya kode tersebut lebih dari satu kode, biasanya 4 kode.

- Perlu di ingat, sobat cukup cari kode no 2 dan 4 saja.

4. Dan biasanya kesulurahan kode tersebut seperti dibawah 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%'/>

5. Nah sekarang sobat tambahkan kode diatas dengan kode dibawah ini.

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

6. Jika ditambahkan, Maka penampakan akhirnya akan seperti dibawah 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> 

- Saya ingatkan lagi, tambahkan kode hanya pada kode ke 2 dan ke 4 saja.

7. Sekarang  cari kode seperti dibawah ini.

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

8. Jika sudah ditemukan, Lalu ganti kode tersebut dengan kode dibawah ini 

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

9. Selanjutnya letakan kode dibawah ini tepat diatas kode  ]]></b:skin> atau </style>

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

10. Klik save template.

Nah sekarang, lihat hasilnya, sekian dulu untuk tutorial cara membuat pesan diatas form komentar. semoga bermanfaat.