Cara Mengatasi Pesan Komentar Yang Berada Dibawah

Kali ini saya ingin memberikan trik
cara mengatasi pesan komentar yang jatuh berada dibawah formulir komentar.

masalah tersebut mungkin masih banyak dialami para blogger,
Mungkin bukan masalah besar namun tentunya ditinjau dari tata letak desain akan nampak ganjil dan kurang rapi.
Untuk anda yang mengalami masalah ini, silahkan ikuti langkah-langkah cara mengatasi masalah pesan komentar yang jatuh dibawah form komentar berikut:

• Setelah login ke akun anda
• Pada dasbor  Klik Edit HTML ---> karna tampilan edit htmlnya baru yang sudah tidak tersedia centang Expand Widget Templates maka kini untuk lebih cepat mencari kodenya lihat di Cara Mudah Mencari Kode Template di Menu Edit HTML Baru
• Klikk Ctrl+F dan cari kode  berikut ini: 

Lihat Code

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

Lalu hapus semua kode berawal dari kode <b:includable id='threaded-comment-form' var='post'> sampai </b:includable> selanjutnya ganti dengan kode dibawah ini: 

Lihat Code

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

• Selanjutnya cari kode berikut ini: 

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

•  Ganti dengan kode berikut ini:

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

• Simpan template dan lihat hasilnya diblog anda.

Demikian tutorial kali ini. Semoga dapat menjadi solusi untuk masalah pesan komentar yang jatuh dibawah formulir komentar pada blog anda.

sumber:http://www.tipstrikblogging.com