Cara Membuat Pesan Diatas Kotak Komentar di Blogger

Membuat pesan diatas kotak komentar sangat bermanfaat untuk membuat keterangan ataupun pesan kepada visitor yang ingin berkomentar. Kotak pesan tersebut dapat diisi dengan berbagai konten seperti text, gambar, video, ataupun element lain. Dengan adanya pesan diatas kotak komentar diharapkan pengunjung dapat membacanya sebelum berkomentar, sehingga pesan dari admin tidak diabaikan, kecuali visitor memang berniat untuk mengabaikannya.
Langsung Aja Berikut Cara Membuat Pesan Di Atas Kotak Komentar

Masuk Ke Blogger
Klik Setelan >> Pos Dan Komentar (liat foto berikut)

Klik "Tambahkan" Pada Pesan Formulir Komentar (liat foto berikut)

Silahkan Isi Pesan Anda Di Kotak (liat foto berikut)
Klik Simpan Setelan

Klik Template >> Edit HTML
Cari Kata Berikut (memudahkan mencari tekan CTRL+F)

<data:blogCommentMessage/>

*Ada 4 Kode Seperti Itu Yang Kita Ganti Cuman Kode Ke 2 Dan Ke 4
Ganti Kedua Kode Itu Dengan Di Bawah 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>

Cari Kata Berikut (memudahkan mencari tekan CTRL+F)

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

Ganti Dengan Kode Berikut

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

Cari Kata Berikut (memudahkan mencari tekan CTRL+F)

</b:skin>

Tarus Kode Berikut Di Atas Kode "</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
    }