Pesan formulir komentar keren

Berkat pengunjung blog ini dan juga Duypam jadi bisa update lagi nih, tapi mungkin besok dah bingung lagi mau posting apa hehee okeh kali ini saya ingin posting masalah Pesan Formulir komentar yang selalu mengikuti kemanapun komentarnya berada pada threaded comments okeh kayak gini nih modelnya.



1. Masuk di dasbor blogger
2. Klik Rancangan / Template ( Baca Cara masuk di template blogger )
3. Centang Expand template widget
4. Cari kode seperti ini

<b:else/>
<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='430' id='comment-editor' name='comment-editor' src='' width='100%'/>

Ingat : kode berwarna merah itu biasanya ada 2 ( dua )
Tapi Cukup anda cari kode yang berada di bawah kode <b:else/> seperti di atas

5. Setelah ketemu ganti dengan kode di bawah ini

<b:else/>
<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='430' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>

6. Setelah itu Simpan kode css di bawah ini di atas kode ]]></b:skin>

#threaded-comment-form p {
    position: relative;
    background: #DD0;
    border: 3px solid #38F;
    padding: 10px;
    font-size: 13px;
    line-height: 1.6em;
    color: #000;
    margin-top: 30px;
    }

#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: #38F;
    border-width: 15px;
    left: 10%;
    margin-left: -36px
    }

#threaded-comment-form p::after {
    border-top-color: #DD0;
    border-width: 9px;
    left: 10%;
    margin-left: -30px
    }

7. Setelah itu cari kode seperti ini

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

Setelah ketemu ganti kodenya dengan kode di bawah ini

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

8. Klik SIMPAN TEMPLATE

9. Silahkan anda isikan pesan formulir komentar anda caranya:
- Masuk ke Setting / setelan
- Lalu klik KOMENTAR
- Lalu scroll ke bawah dan lihat kata Pesan Formulir Komentar
- Nah isi kolom tersebut dengan pesan anda lalu klik SIMPAN SETELAN / Save Setting

Udah deh selesai sekarang anda tinggal menikmati model keren pesan formulir komentarnya, kalau kurang srek dengan warnanya silahkan ganti warnanya sesuaikan dengan blog anda.