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 )
]]></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
- Masuk Ke akun blogger Anda.
- Masuk ke menu Setelan > Pos Dan Komentar.
- Silakan Anda klik tambahkan pada bagian paling bawah di bagian komentar
- Silakan Anda buat pesan yang Anda inginkan di kotak yang sudah disediakan
- Terakhir klik Save.
Sekian tutorial Cara Membuat Pesan Peringatan di atas Kotak Komentar dari saya, Jika ada yang kurang jelas silakan berikan komentar.
waa, patut dicoba nih gan :D
ReplyDeleteSilakan gan
DeleteKEREN MAS IZIN COBA
ReplyDeleteOke selamat mencoba :D
Deletemau di coba izin ya gan
ReplyDeleteSilakan :)
DeleteThanks gan udah sukses
ReplyDeleteSama-sama gan
DeleteMakasih banyak gan! Ane coba ahh,bru keingat ad trik itu Di blog
ReplyDeleteSama-sama gan, trik ini sudah lama sebenarnya :D
Deletemantap gan izin cobain nih hehe
ReplyDeleteOke silakan jika berkenan bagikan ke teman-teman juga :D
Deletecaranya simple, makasih gan
ReplyDeleteSama-sama gan, Terima kasih juga sudah berkunjung
Deletebikin lelet loading blog gak nih, soalnya blog saya banyak iklannya :D
ReplyDeleteIni gak bikin lelet gan, justru iklanlah yang bikin lelet.
DeleteBerhasil gan saya pasang di blog saya
ReplyDeleteMakasih sudah berkunjung dan mencoba :)
Deletenice info gan ... ^_^
ReplyDeleteThanks gan
Deletebisa di coba nih, tapi biar ada tanda centang dan silangnya gimna ya gan?
ReplyDeleteKalo yang itu buat sendiri atau agan bisa copy-paste punya saya :)
Deleteini nih yg gue cari, thnks broo
ReplyDeleteSama-sama bro
Deleteakhirnya ketemu juga yang saya cari thanks sharenya gan
ReplyDeleteOke sama-sama terima kasih sudah berkunjung :)
Deletekeren gan. thanks ilmunya..
ReplyDeleteOke sama-sama :)
Deleteizin coba gan, soalnya dari kemarin ane cari ga ketemu nih
ReplyDeleteSilakan dicoba :)
DeleteMakasih ya infonya mas
ReplyDeleteSama-sama
Deletenah akhir nya ada disini ijin coba gan :D
ReplyDeleteSilakan :)
Deleteijin nerapin di blog ane ya
ReplyDeleteSilakan gan :)
DeleteWah blh nih di coba tutor nya thanks info tutorial nya gan
ReplyDeletebanyak banget codenya
ReplyDeletebermanfaat bagi blogger yang blog nya sering di spam . bisa diperingatkan gitu
ReplyDeletedicoba nih thanks gan ^^
ReplyDelete