Cara Membuat Pesan diatas Kotak Komentar Blog

Cara Membuat Pesan diatas Kotak Komentar Blog - Pesan diatas kotak komentar blog juga terkadang penting untuk memberi tahu pengunjung yang akan memberi komentar pada form komentar yang kita sediakan, karena bisa jadi pesan komentar tersebut dijadikan pengingat untuk pengunjung yang datang hanya sekedar menyepam saja ,menitipkan link aktif atau hendak berkata-kata kotor didalam form komentar anda yang terkadang jelas menggangu anda, baca juga artikel mengenai Filter/Coret kata kotor dalam komentar blog.
jika anda bertanya memangnya apa pesan yang harus kita pasang pada pesan komentar di atas komentar blog, kebanyakan isi dari sebuah pesan komentar blog adalah seperti gambar di bawah ini :

Mungkin seperti itulah kira-kira bentuk Demo dan penampakannya.
untuk cara membuatnya silahkan simak saja tutorialnya dibawah ini :

Cara Membuat Pesan diatas Kotak Komentar Blog

1. Login ke Blogger.com
2. Pada menu Dashbord klik Template > Edit HTML
3. Cari Kode <p><data:blogCommentMessage/></p> Biasanya terdapat 4, Cari yang ke-2 dan ke-4
   kurang lebih Kodenya 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%'/>

Tambahkan kode berikut "diatas" dan "dibawahnya" ( simpan kode diatas ditengah-tengah

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

kurang lebih hasilnya seperti berikut

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

Catatan :

Lakukan langkah diatas pada kode ke-2 dan ke-4. kode ke-2 untuk memunculkan sebelum ada komentar, kode ke-4 untuk memunculkan setelah ada komentar 

Kemudian Cari kode :

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

Ganti dengan kode berikut :

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

Setelah itu untuk mempercantik tampilan, tambahkan CSS berikut 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;     }    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     }    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;     }    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     border-top-color: #4085b8;    border-width: 10px;    left: 10%;    margin-left: -30px     } 

Kemudian klik Simpan Template

Langkah terakhir adalah, mengisi tulisan yang akan kita pasang pada kotak pesan komentar yang telah kita buat, berikut ini caranya :

1. Dashbord > Setelan > Pos dan Komentar, klik Tambahkan, Lihat Gambar dibawah ini 

Tuliskan pesan anda pada kotak isian, jika sudah selesai klik Simpan Setelan di Pojok kanan atas Dashbord anda.
Sekarang Pesan komentar anda sudah muncul, sekian tentang Bagaimana Cara Membuat Pesan diatas Kotak Momentar Blog ini, Semoga Bermanfaat !