Cara Membuat Pesan Peringatan di atas Kotak Komentar

Andrian's Blog - Pada kesempatan ini saya akan berbagi tutorial Cara Membuat Pesan Peringatan di atas Kotak Komentar. Apa sih fungsi dari pesan peringatan komentar itu ? Pasti Anda sudah tahu fungsinya seperti yang Anda sering lihat di atas komentar blog orang lain yang digunakan untuk membuat sebuah pesan Admin yang nantinya bisa jadi pengumuman atau pemberitahuan kepada para pengunjung saat akan berkomentar jadi nantinya pengunjung akan tahu peraturan berkomentar di blog Anda agar nantinya mereka tidak membuat spam atau tidak melakukan sesuatu yang aneh di komentar blog Anda. Langsung saja simak tutorial Cara Membuat Pesan Peringatan di atas Kotak Komentar, Berikut tutorialnya:

• Masuk ke blog Anda.
• Klik menu Template > Edit HTML
• Cari kode ]]></b:skin> Untuk memudahkan gunakan ( Ctrl+F )

Copy kode dibawah ini dan pastekan di atas kode ]]></b:skin>

/*Pesan Komentar*/ #threaded-comment-form p {     position: relative;    background: #666;     border: 3px solid #000;     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:#000;     border-width: 15px;     left: 10%;     margin-left: -35px;     }#threaded-comment-form p::after {     border-top-color: #666;     border-width:10px;     left: 10%;     margin-left: -30px     }

• Kemudian cari kode <p><data:blogCommentMessage/></p> Biasanya ada 4 kode seperti ini disetiap template blog kemudian Anda akan menemukan kode yang kira-kira tampilannya seperti dibawah ini.

<p><data:blogCommentMessage/> </p><data:blogTeamBlogMessage/> <aexpr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframeallowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor'src='' width='100%'/>

• Setelah menemukan kode yang mirip seperti diatas, silakan ganti dengan kode dibawah ini. 

<div id='threaded-comment-form'> <p><data:blogCommentMessage/> </p><data:blogTeamBlogMessage/> <aexpr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframeallowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor'src='' width='100%'/> </div>

Notes: Perlu Anda perhatikan jika Anda temukan 4 buah kode yang sama. Silahkan Anda ganti pada nomer 2 dan 4.

• Selanjutnya Anda cari kode seperti dibawah ini.

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

• Jika Anda sudah menemukannya ganti kode diatas dengan kode dibawah ini

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

• Terakhir klik Pratinjau dulu jika sudah benar semua baru klik Save Template.

Cara Membuat Pesan di atas Kotak Komentar

1. Masuk Ke akun blogger Anda.
2. Masuk ke menu Setelan > Pos Dan Komentar.
3. Silakan Anda klik tambahkan pada bagian paling bawah di bagian komentar
4. Silakan Anda buat pesan yang Anda inginkan di kotak yang sudah disediakan
5. Terakhir klik Save.

Sekian tutorial Cara Membuat Pesan Peringatan di atas Kotak Komentar dari saya, Jika ada yang kurang jelas silakan berikan komentar.