Cara mengatasi pesan komentar yang berada di bawah formulir
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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</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
Masalahnya sama seperti blogku, mau coba fix dulu tapi saya lebih minat sama formulir komentar blog ini, he.. he.. keren
ReplyDeletecoba aja gantutorial di ataspasti work kok...kalau masalah bikin pesan formulir kauak ane ntar ane buatin artikelnya hehe:)
Delete