Okeh kali ini saya ingin posting masalah cara membuat Pesan Formulir Komentar yang selalu mengikuti kemanapun komentarnya berada pada threaded comments. Yok langsung saja cara membuatnya :
1. Masuk ke dasbor blog kamu
2. Pilih Template , lalu Edit HTML
3. Untuk memudahkan pencarian gunakan CTRL + F
4. Kemudian cari kode seperti dibawah ini
<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='430' id='comment-editor' name='comment-editor' src='' width='100%'/> |
5. Kode yang berwarna BIRU biasanya ada dua, tapi kamu cari yang berada dibawah kode <b:else/>
6. Setelah itu ganti dengan kode dibawah ini :
<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'<b:else/> <div id='threaded-comment-form'> <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='430' id='comment-editor' name='comment-editor' src='' width='100%'/> </div> frameborder='0' height='430' id='comment-editor' name='comment-editor' src='' width='100%'/> |
7. Lalu simpan kode dibawah ini diatas kode ]]></b:skin>
#threaded-comment-form p { position: relative; background: #DD0; border: 3px solid #38F; padding: 10px; font-size: 13px; line-height: 1.6em; color: #000; margin-top: 30px; } #threaded-comment-form p::after, #threaded-comment-form p::before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } #threaded-comment-form p::before { border-top-color: #38F; border-width: 15px; left: 10%; margin-left: -36px } #threaded-comment-form p::after { border-top-color: #DD0; border-width: 9px; left: 10%; margin-left: -30px } |
8. Setelah itu cari kode seperti
| document.getElementById(domId).insertBefore(replybox, null); |
9. Kemudian ganti dengan kode dibawah ini
| document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null); |
10. Klik save template
11. Kemudian cara mengisi pesan formulir komentarnya :
12. Masuk ke Setelan / Setting
13. Lalu klik Pos dan Komentar
14. Kemudian scroll ke bawah dan lihat bacaan Pesan Formulir Komentar
15. Lalu isi dengan pesan anda dan simpan.
Semoga Bermanfaat....!!!!
sumber : http://davidchielietonga06.blogspot.com
siiip
ReplyDelete