Cara mengatasi pesan komentar yang berada di bawah formulir

mengatasi pesan komentar berada di bawah

Sebelumnya saya post mengenai cara membuat komentar bertingkat atau biasa disebut Threaded comments , namun ada beberapa dari teman yang menerapkan komentar Style bertingkat tersebut  mendapatkan masalah ,yaitu Pesan komentar yang seharusnya berada di atas komentar malah berada di bawah formulir komentar.
Sebetulnya ini bukan masalah yang fatal akan tetapi akan terlihat ganjil oleh kita maupun pembaca jika tidak di perbaiki.Jika anda mengalamami masalah seperti itu Terus bagaimana cara mengatasinya ? simak tutorial di bawah ini .

Tutorial


  • Masuk ke Template dan Edit Html
  • Dengan menekan Ctrl+F Cari kode berikut <b:includable id='threaded-comment-form' var='post'>
  • Anda ganti kode dari <b:includable id='threaded-comment-form' var='post'> sampai dengan </b:includable> dengan kode di bawah ini :
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<div id='form-wrapper'>
<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%'/>
</div>
<b:else/>
<div id='form-wrapper'>
<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>
</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>


  • Kemudian Tekan Ctrl+F lagi dan cari kode di berikut :

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


  • Anda ganti dengan

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


  • Save template dan lihat hasilnya , Jika Pesan komentar tetap saja masih berada di bawah , mungkin anda kurang ganteng :P

Comments

  1. Masalahnya sama seperti blogku, mau coba fix dulu tapi saya lebih minat sama formulir komentar blog ini, he.. he.. keren

    ReplyDelete
    Replies
    1. coba aja gantutorial di ataspasti work kok...kalau masalah bikin pesan formulir kauak ane ntar ane buatin artikelnya hehe:)

      Delete

Post a Comment

Popular posts from this blog

7 Tips and Trick Agar Blog Muncul di Google Dengan Cepat

Trik sulap ilusi pensil menembus uang kertas

Inilah sandi yang tidak bisa dipecahkan FBI lebih dari 11 Tahun