Cara Membuat Form Pesan Diatas Kolom Komentar - Tips Blog

Pesan di atas Komentar. 

Bagi kamu yang sedang mencari cara agar blog kamu tidak terkena spamer mungkin kamu bisa menggunakan himbauan atau pesan diatas kolom komentar. pesan ini biasanya memang dipengunakan sebagai sindiran keras bagi para sepamer yang berkomentar diluar topik. namun kamu bisa pergunakan sesuai dengan keinginan kamu, entah itu sebagai peringatan atau kata-kata lain seperti peraturan, sanjungan atau sekedar basa basi menyambut komentator, yang penting hal ini bisa di sampaikan kepada seorang komentator, maka guna pesan formulir adalah seperti itu.

Pada kesempatan kali ini saya akan membuat sebuah pesan formulir tersebut dengan modifikasi yang lebih bagus, karena biasanya jika kita tidak memodifikasinya, tampilannya sangat jelek dan letaknya tersebut kadang di bawah kotak komentar, oke bagi kamu yang ingin menerapkan modifikasi pesan diatas tersebut, langsung saja kamu bisa ikuti langkah - langkah berikut 

Cara Membuat Pesan Formulir di Atas Komentar

1. Buka akun blogger.

2. Pilih menu template > Klik Edit HTML

3. Selanjutnya kamu cari kode seperti ini <p><data:blogCommentMessage/></p> biasanya kode seperti ini ada 3 atau 4. nah kamu cari kode yang no 2 dan 4 saja.

4. Selanjutnya tambahkan kode di atas dengan kode di bawah ini.

<div id='threaded-comment-form'>
...kode di atas...
</div> 

5. Sehingga penampakan akhirnya akan seperti 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> 

Catatan : 

Jangan lupa untuk meletakan kode tersebut, hanya pada kode ke 2 dan ke 4.

6. Selanjutnya cari kode seperti dibawah ini.

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

7. Lalu ganti kode tersebut dengan kode dibawah ini.

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

8. Lalu letakan kode dibawah ini di atas kode ]]></b:skin> atau </style>

/*-- CSS 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
    }

9. Klik save template.

Baca juga : Cara Mudah Memasang Script Anti Adblock di Blog Blogspot - adBlock Killer

Selanjutnya, untuk menambahkan pesan di atas tersebut, silahkan buka pada menu setelan > Pos dan komentar > Tambahkan.

Demikian sedikit share tentang Cara Membuat Form Pesan Diatas Kolom Komentar, semoga dapat menambahkan wawasan dan pengetahuan kamu dalam membangun sebuah blog. selamat mencoba, semoga berhasil.

Terimkasih telah berkunjung dan menyempatkan untuk membaca.

Tweet

Artikel keren lainnya: