Apa kabar sahabat blogger semua? Semoga berbahagia selalu. Alhamdulillah dihari yang cerah ini saya selaku admin tips trik blogging.com sangat bersyukur dapat menyapa anda lagi. InsyaAllah tutorial kali ini masih akan mengetengahkan seputar trik blogger comment. Sebelumnya saya pernah mengetengahkan trik mengatasi masalah pada code captha yang terpotong, kali ini saya ingin memberikan trik cara mengatasi pesan komentar yang jatuh berada dibawah formulir komentar. Kedua masalah tersebut mungkin masih banyak dialami para blogger, mungkin bukan masalah besar namun masalah pertama tentu akan menyulitkan pengunjung memberikan apresiasi, sedangkan masalah yang kedua 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 ---> Proceed ---> Expand Widget Templates
- Klikk Ctrl+F dan cari kode berikut ini:
<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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</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:
<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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
- Selanjutnya Klikk Ctrl+F 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.
Post a Comment