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 yaitu mampu jadi untuk sebuah warning untuk para komentator spam atau mungkin memiliki kegunaan sebagai ucapan sekedar selamat berkomentar atau kata-kata yang lain, intinya untuk menyambut sang komentator sebelum mereka melaksanakan 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 semoga lebih keren dan juga penempatannya tidak awut-awutan ibarat kadang tampil dibawah form komentar.

Baca Juga : Cara Membuat Halaman Kontak Pada Blog

Untuk tutorial cara memodifikasi pesan diatas form komentar / comment, saya harap sahabat membackup terlebih dahulu, untuk menghindari kesalahan yang mampu 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 aba-aba ibarat dibawah ini.

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

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

- Perlu di ingat, sahabat cukup cari aba-aba no 2 dan 4 saja.

4. Dan biasanya kesulurahan aba-aba tersebut ibarat 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 sahabat tambahkan aba-aba diatas dengan aba-aba dibawah ini.

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

6. Jika ditambahkan, Maka penampakan hasilnya akan ibarat 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 aba-aba hanya pada aba-aba ke 2 dan ke 4 saja.

7. Sekarang  cari aba-aba ibarat dibawah ini.

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

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

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

9. Selanjutnya letakan aba-aba dibawah ini sempurna 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.