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.