Cara Membuat Pesan Komentar Di Bawah Blog

Gudang Ilmu - Membuat pesan diatas kotak komentar sangat bermanfaat untuk membuat keterangan ataupun pesan kepada visitor yang ingin berkomentar. Nah, Anda tidak mau bukan jika blog anda dipenuhi dengan spam ataupun sejenisnya ?
Itu bisa terjadi karena anda tidak memberitahukan apa-apa tentang cara berkomentar di blog anda
Nah, Pada kali ini saya akan Memberikan sedikit tutorial bagaimana Cara Membuat Pesan Komentar Di Bawah Blog.
Nah, Langsung Saja Pada Intinya.

1. Buka Dulu Dasbor Blog anda.
2. Lalu Pilih Menu Post & Comment ( Pos Dan Komentar ). Lihat Gambar Dibawah.

Setting >> Post & Comment

3. Tuliskan pesan yang ingin disampaikan didalam Pesan Formulir Komentar. lihat gambar di atas untuk lebih jelasnya.

Jika ingin memasukan code html di dalamnya gunakan html konverter terlebih dahulu sebelum dimasukan ke dalam kotak tersebut

4. Lalu Centang Expand Template Widget Atau Edit HTML pada Menu Template
5. Cari Kode Dibawah Ini

<data:blogCommentMessage/>

Biasanya ada 4 code seperti itu di default template, cari yang ke 2 dan ke 4 

Ganti code pertama dan kedua dengan code dibawah ini :

<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>

6. Kemudian cari code seperti dibawah ini :

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

ganti dengan

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

7. Kemudian setelah semuanya tergantikan, silahkan masukan kode CSS ini diatas kode ini :

</b:skin> 

dengan kode dibawah ini

/*-- Modifikasi Pesan Komentar--*/
#threaded-comment-form p {
    position: relative;
    background: #4085b8;
    border: 3px solid #5899c9;
    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: #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
    }

8. Selesai

Mudah Sekali Bukan ?
Selamat Mencoba !!
Jika Ada Masalah Komentar dibawah saja atau hubungi FB saya :)