Cara membuat Pesan Komentar

Hallo sobat :D , udah lama tak jumpa di blog ini :D .Saya juga sudah menyiapkan beberapa post yang siap share xD .dan saya hari senin share beberapa template lho :D.Oke saya mau lanjut ke tutor yang saya dapat di SYSTEM OF BLOG.Mungkin di antara kalian sdh tau soal tutor ini,tapi tak apalah inikan juga hanya berbagi untuk yang belom tau xD.

Tutor :
Pertama-tama cari code 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%'/>



Cari kode yang warna merah di atas !!!
tapi ingat,code yang merah itu ada 2 lho...cukup cari yang berada di bwah <b:else/>
jika sudah ketemu,silahkan ganti dengan kode 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='430' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>

Ingat ganti code yang merahnya saja ya !!!
setelah itu masukkan kode ini di bawah ]]></b:skin>

<style>
#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
    }
</style>

setelah itu coba deh cari kode ini.

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

Ganti code tersebut dengan ini.

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

Jika ini mencoba tutor ini silakan BACKUP dlu template kamu agar kejadian yang tdk di inginkan tidak terjadi




SUMBER