Cara Mengatasi Pesan Komentar yang Ada di Bawah Kolom Comment

KADANG ada template yang pesan komentar (comments message)-nya ada di bawah Kotak Komentar (Comments Box). Tips berikut ini panduan mengubah posisi atau cara mengatasi agar pesan komentar berada di atas kotak komentar.

Kalau pesan komentar ada di bawah kolom komentar, pesan itu mungkin tidak terbaca atau dibacanya belakangan setelah pengunjung menulis komentar.

Jika ada di atas kolom komentar, tentu saja akan dibaca dulu oleh komentator sehingga pesan kita nyampe dan pengunjung akan berkomentar sesuai dengan "aturan main" admin blog yang dikomentarinya.

Ini penampakan pesan komentar yang tadinya ada di bawah kolom komen:

Ini penampakan pesan komentar setelah diperbaiki, seperti juga bisa dilihat di blog CB ini.

Cara Mengatasi Pesan Komentar yang Berada di Bawah Kotak Komentar

1. Template > Edit HTML
2. Temukan atau Cari (Ctrl+F) Kode:

<b:includable id='threaded-comment-form' var='post'>

Akan tampak rangkaian kode seperti di bawah 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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>

3. GANTI / Replace semua kode di atas dengan kode berikut 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>

4. Temukan kode:

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

5. GANTI dengan kode berikut ini:

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

6. Save Template!

Kini pesan komentar Anda sudah pindah dan berada di atas kolom komentar. 

CARA MEMBUAT PESAN KOMENTAR

Pesan komentar (comment message) yaitu aturan main yang kita tentukan di blog tentang cara berkomentar, misalnya larangan nyepam, anjuran menggunakan akun Google Plus, dan sebagainya. Contohnya ada di bawah posting blog ini.

1. Setting > Posts and Comments

2. Isi kolom "Comments Form Message" sesuai dengan keinginan Anda!

3. Save Setting!

Demikian cara memperbaiki posisi pesan komentar plus cara membuat pesannya di Dashboard Blog. Good Luck!

Sumber