Cara Memberi Pesan di atas Form Komentar

Cara Memberi Pesan di atas Form Komentar - Sedikitnya, blogger memasang pesan di atas Form Komentar agar Pengunjung bisa tau apa yang ingin sobat instruksikan sebelum berkomentar. Pesan ini dapat berpengaruh pada komentar para pengunjung blog sobat, oleh karena itu saya akan membagikan bagaimana Cara Memberi Pesan di atas Form Komentar.

Isi yang diberikan pada Pesan itu beragam, diantaranya untuk memasukkan kode, sobat bisa gunakan tag <i rel="code">KODE ANDA DISINI</i> , ataupun lainnya misalnya seperti pada gambar di bawah ini

Untuk membuatnya, silahkan sobat masuk ke Edit HTML pada Template blog sobat
Sebelumnya, sobat bisa back up terlebih dahulu template yang sobat gunakan, hanya untuk mengantisipasi jika ada kesalahan yang terjadi.

Langkah Ke-1

Cari kode <p><data:blogCommentMessage/></p> biasanya ada 4, cari yang ke 2 dan ke 4. Kurang lebih kodenya seperti 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%'/>

Tambahkan ini pada Kode di atas

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

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

Lakukan langkah di atas, pada kode ke 2 dan ke 4. Kode ke-2 untuk memunculkan sebelum ada komentar, sedangkan kode ke 4 muncul setelah ada komentar pada postingan.

Langkah Ke-2 

Silahkan Cari Kode Berikut :

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

Ganti Dengan Kode

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

Langkah Ke-3

Untuk memperindah tampilan, sobat bisa beikan 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
    }

Kemudian, Simpan Template.

Sampai di sini, kotak pesan sobat sudah siap untuk diisi. Untuk mengisi pesan, sobat perlu masuk ke bagian Dasboard > Setelan > Pos dan Komentar, klik Tambahkan.

Tulis pesan yang akan sobat isikan diatas Form Komentar, jika sudah kemudian klik Simpan Pesan di pojok kanan atas dasboard.