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.

    40 Responses to "Cara Membuat Pesan Peringatan di atas Kotak Komentar "

    1. Makasih banyak gan! Ane coba ahh,bru keingat ad trik itu Di blog

      ReplyDelete
      Replies
      1. Sama-sama gan, trik ini sudah lama sebenarnya :D

        Delete
    2. Replies
      1. Oke silakan jika berkenan bagikan ke teman-teman juga :D

        Delete
    3. Replies
      1. Sama-sama gan, Terima kasih juga sudah berkunjung

        Delete
    4. bikin lelet loading blog gak nih, soalnya blog saya banyak iklannya :D

      ReplyDelete
      Replies
      1. Ini gak bikin lelet gan, justru iklanlah yang bikin lelet.

        Delete
    5. Berhasil gan saya pasang di blog saya

      ReplyDelete
    6. bisa di coba nih, tapi biar ada tanda centang dan silangnya gimna ya gan?

      ReplyDelete
      Replies
      1. Kalo yang itu buat sendiri atau agan bisa copy-paste punya saya :)

        Delete
    7. akhirnya ketemu juga yang saya cari thanks sharenya gan

      ReplyDelete
      Replies
      1. Oke sama-sama terima kasih sudah berkunjung :)

        Delete
    8. izin coba gan, soalnya dari kemarin ane cari ga ketemu nih

      ReplyDelete
    9. nah akhir nya ada disini ijin coba gan :D

      ReplyDelete
    10. Wah blh nih di coba tutor nya thanks info tutorial nya gan

      ReplyDelete
    11. bermanfaat bagi blogger yang blog nya sering di spam . bisa diperingatkan gitu

      ReplyDelete

    PERATURAN KOMENTAR
    ✔ RELEVAN
    ✔ SOPAN
    ✖ LIVE LINK / LINK
    ✖ SPAM
    ✖ Out Of Topic
    SILAKAN BERIKAN KOMENTAR ANDA