Kali ini saya akan membagikan tips cara membuat kotak komentar di bawah postingan.
Yo wis langsung aja yuk disedot caranya.
- Seperti biasa login di warung sebelah, lalu pesan kopi dan sruput kopinya hahaha.. Wis ah serius sekarang. pertama-tama login di akun Blogspot anda.
- Klik menu Template >> Edit HTML, centang kotak Expand Template Widget (jangan lupa backup template dulu ya). Lalu cari kode di bawah ini (untuk memudahkan tekan Ctrl + f )
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> |
- Jika sudah ketemu hapus kode tersebut dan ganti dengan kode di bawah ini
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> |
- Setelah itu cari kode </body>, lalu masukkan kode di bawah ini tepat di atas </body>
<!-- comment form before comment content starts
-->
<script src='http://code.jquery.com/jquery-latest.js'/> <script> var yob = $(".comment-replybox-thread").closest(".comment-thread").parent("div").children(".comment-thread").children(".comment-replybox-thread"); jQuery('.comment-thread ol').before(jQuery(yob)); </script> <!-- comment form before comment content ends --> |
- Setelah itu klik SIMPAN.
Gimana perasaan anda setelah membaca artikel ini. Semoga
artikel kali ini bermanfaat buat kalian. Jangan lupa tinggalkan komentar pada
kolom yang telah tersedia sebagai wujud apresiasi anda pada blog ini.
Semoga berhasil ……
izin coba masbro...
BalasHapus