Back to Top
Artikel Terbaru
Home » » Cara Membuat Pesan Di atas Kolom Komentar Keren

Cara Membuat Pesan Di atas Kolom Komentar Keren

Selamat datang di Blog taharonqi.blogspot.com, kali ini saya akan berbagi cara membuat pesan diatas kolom komentar, dimana cara ini (membuat pesan diatas komentar) bisa memberitahukan kepada sobat-sobat yang ingin berkomentar pada blog kita tentang apa-apa yang diperbolehkan atau dilarang.
Oke untuk langkah-langkahnya sebagai berikut :
  • Login ke Akun Blogger sobat
  • Pilih Template
  • Klik Edit HTML
  • Cari kode berikut ]]></b:skin> (Gunakan CTRL+F untuk memudahkan)
  • Letakkan kode dibawah ini diatas kode ]]></b:skin>
/*-- Modifikasi Pesan Komentar Keren --*/
#threaded-comment-form p {
    position: relative;
    background: #048B04;
    border: 1px solid #ffffff;
    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: ;
    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
    }
  • Kemudian cari kode <p><data:blogCommentMessage/></p> (Gunakan CTRL+F untuk memudahkan)
Kurang lebih kodenya seperti 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%'/>
  • Letakkan kode <div id='threaded-comment-form'> diatas kode  <p><data:blogCommentMessage/></p> dan akhiri dengan </div>
Jika kurang jelas begini susunannya :

<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>
Keterangan : 
Untuk kode <p><data:blogCommentMessage/></p> biasanya terdapat 4 kode yang sama, Letakkan pada kode yang ke-2 dan ke-4
Tetapi jika cuma ada 3 kode yang sama (Seperti pada blog saya ini) Letakkan pada semua kode.
  • Cari lagi kode document.getElementById(domId).insertBefore(replybox, null);  dan ganti kodenya menjadi document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);
  • Terakhir klik pratinjau jika tidak ada kesalahan klik simpan.
Kotak pesan siap diisi caranya :
  • Login ke Akun Blogger sobat
  • Pilih Setelan
  • Klik Pos dan Komentar
  • Klik tambahkan pada pesan formulir komentar
  • Klik simpan
untuk screen shot punya saya begini gan

Mungkin itu saja yang dapat saya bagi pada kesempatan kali ini, jika masih ada yang belum jelas sobat bisa berkomentar, terima kasih.

Dapatkan Update Artikel Terbaru

Follow Us

Di Posting Oleh : Mas Onqi

Hai Kawan ONshare™, perkenalkan saya Onqi dari Gresik Jawa Timur. Kegiatan saya sehari-hari adalah bekerja dan juga kuliah, untuk kegiatan blogging ini adalah kegiatan untuk mengisi waktu luang saja. dan terima kasih kawan ONshare™ sudi mengunjungi blog saya ini.
Artikel Dilindungi Oleh : DMCA.com

7 comments:

  1. Rambu-rambu dan perhatian memang penting termasuk 'cara atau kode etik dalam berkomentar'. Ada interaksi lebih erat diantara sesama blogger. Kalau blog saya masih asli bawaan Blogger belum ada tambahan apapun. Tips yang menarik. Terima kasih tutorialnya, Salam cemerlang!

    ReplyDelete
    Replies
    1. Memang benar gan cara ataupun kode etik dalam berkomentar haruslah diperhatikan, cara diatas hanyalah sebagai pengingat kepada sobat-sobat yang ingin berkomentar agar komentarnya satu jalur dengan postingan
      hehehehe,
      thanks gan.

      Delete
  2. wah bagus banget mas pesan komentar nya. sepertinya bisa dicoba nih untuk blog butut punya saya. Terimasih banyak atas tutorialnya. Sangat bermanfaat untuk saya yang masih pemula :)

    ReplyDelete
    Replies
    1. Neng Ririn bisa aja, masak Blog sudah bagus gitu bilangnya butut, saya ini yang masih pemula neng
      hehehehe

      Delete
  3. mantaff kang ;) nanti insyaAllah saya terapkan :0

    ReplyDelete
    Replies
    1. Thanks neng,
      senang rasanya bisa berbagi.

      Delete