Wednesday, 16 April 2014

Cara Memperbaiki Formulir Pesan Komentar Yang Turun Kebawah

Cara Memperbaiki Formulir Pesan Komentar Yang Turun Kebawah - Oke ketemu lagi di Blog Si Ryan, kali ini saya akan membahas tentang blogger :D, cekidot...

Memperbaiki Formulir Pesan Komentar

Formulir Pesan Komentar di blog agan turun ke bawah form komentarnya ? di sini saya akan memberikan cara untuk mengatasinya, formulir pesan komentar di blog saya juga pernah turun kebawah saat saya menggunakan template punya Mas Sugeng :D, oke deh gak usah basa basi langsung aja disimak caranya :D.

Pertama-tama masuk ke Blogger > Template > Edit HTML lalu cari kode <b:includable id='threaded-comment-form' var='post'> dan ganti 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>

Ganti kode diatas dengan kode dibawah 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>

Sekarang cari kode

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

Lalu ganti kode diatas dengan kode dibawah ini

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

Sekarang klik simpan template anda dan lihat perubahannya :D
Semoga Bermanfaat :).

No comments:

Post a Comment