Membuat Pesan Komentar Diatas Form Komentar

Membuat Pesan Komentar Diatas Form Komentar

Membuat Pesan Komentar Agar tetap Diatas Form Komentar - Bagi sebagian anda yang menggunakan default komentar atau pengguna mobile version mungkin akan melihat sebuah pesan komentar berada di bawah form kotak komentar seperti lihat gambar berikut yang saya ambil dari blog IndexiAPK

Baca Juga: Memasang Thread Comments Hack Blogger 

Seharusnya pesan komentar yang berada diatas form komentar tapi terkadang berada dibawah,untuk tetap berada diatas anda bisa mengganti kode yang akan saya bagikan nantinya. Pada kasus ini replybox adalah variabel default,ini terlihat setelah anda melihat keatas pada kode berikut bahwa variable replybox menyatakan element  #comments-editor 

var onReply = function(commentId, domId) {
    if (replybox == null) {
        // lazily cache replybox, and adjust to suit this style:
        replybox = document.getElementById('comment-editor');
        if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
        }
    }
    if (replybox && (commentId !== replyParent)) {
        document.getElementById(domId).insertBefore(replybox, null);
        replybox.src = replyUrlParts[0]
        + (commentId ? '&parentID=' + commentId : '')
        + '#' + replyUrlParts[1];
        replyParent = commentId;
    }
};

Untuk mengubah pada varibale replaybox agar tidak hanya memanggil #comments-editor saja tapi juga pesan dari komentar tersebut dibuat tag <div> Untuk caranya silahkan masuk ke Edit Template dan cari kode berikut:

<b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <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='' style='display: none' width='100%'/>
    <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='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>

Silahkan ganti kode yang di garis bawah diatas dengan kode dibawah ini:

<div id='form-wrapper'>
    <b:if cond='data:mobile'>
      <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='' style='display: none' width='100%'/>
    <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='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<p style=”text-align:right; font-size:5px; color:”><a href=http://www.misterdhi.net>Misterdhi.net</a></p>
    </b:if>
</div>

Langkah selanjutnya cari kode berikut:

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

ganti dengan kode dibawah ini:

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

Terakhir Simpan Template

Cara Lain

Cara ini lebih sederhana agar anda tidak susah membaca tutorial diatas :

silahkan masuk ke Edit Template dan cari kode

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

ganti dengan kode berikut:

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

Semoga Cara Membuat Pesan Komentar Diatas Form Komentar Bermanfaat :)

http://www.dte.web.id/2012/05/masalah-pesan-formulir-komentar-yang.html