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.
Demikian tutorial kali ini. Semoga dapat menjadi solusi untuk masalah pesan komentar yang jatuh dibawah formulir komentar pada blog anda. Oh ya, jika tertarik untuk membuat modifikasi pada pesan komentar blog anda lihat triknya disini dan trik untuk mempercantik formulir komentar blog anda, cek out disini. Silahkan memberikan apresiasi anda terhadap artikel diatas. Terimakasih.
Posting Komentar