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

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

COMMENTS

BLOGGER: 43
Loading...
Name

Adsense,5,CSS,8,Font,1,HTML,5,Javascript,5,Jquery,1,Lain-lain,5,PHP,1,SEO,3,Template,45,Tips,2,Tutorial,50,Widget,1,
ltr
item
HBT Blog: Membuat Pesan Komentar Diatas Form Komentar
Membuat Pesan Komentar Diatas Form Komentar
http://4.bp.blogspot.com/-8c5mHKahPfk/UyuwaJ1ZnOI/AAAAAAAABdI/Xgx0Nt2ab38/s1600/masalah+pesan+komentar.png
http://4.bp.blogspot.com/-8c5mHKahPfk/UyuwaJ1ZnOI/AAAAAAAABdI/Xgx0Nt2ab38/s72-c/masalah+pesan+komentar.png
HBT Blog
http://hollabacktexas.blogspot.com/2014/03/membuat-pesan-komentar-diatas-form.html
http://hollabacktexas.blogspot.com/
http://hollabacktexas.blogspot.com/
http://hollabacktexas.blogspot.com/2014/03/membuat-pesan-komentar-diatas-form.html
true
4727374246882403435
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy