
Tutorial Cara Memindahkan Kotak Form Komentar Tepat dibawah Postingan Blog, atau lebih tepatnya memindahkan kotak komentar blog dari yang defaultnya dibawah menjadi diatas. Tutorial ini sudah saya praktekkan di berbagai blog milik teman atau blog saya sendiri, dan berhasil.
Sebenarnya form komentar blog ini bisa dipindahkan dimana saja, tapi sangat saya sarankan untuk meletakkan form komentar blog ini tepat dibawah postingan saja atau tempatnya semula. Komentar blog juga sebenarnya ada banyak macamnya yaa, ada yang menggunakan disqus, komentar facebook, komentar blogspot, dan lain sebagainya.
Nah kali ini saya membagikan yang cara memindahkan form komentar blogspot tepat dibawah postingan atau dibawah related post blog atau diatas komentar pengunjung :D
1. Langkah Pertama, Login ke akun blogger Anda lalu pergi ke Dashboard Template > Edit HTML, Temukan dan Hapus kode ini :
<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>
Untuk memudahkan pencarian kode diatas bisa menuliskan kode ini pada pencarian html : <div id='comment-holder'> Lalu tekan enter, biasanya langsung ketemu dan hapus kode yang mirip-mirip seperti kode diatas.
2. Langkah Kedua, Tempelkan kode berikut sebagai ganti baris yang dihapus sebelumnya pada Langkah pertama:
<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>
3. Langkah Ketiga, temukan kode </body>
dalam HTML lalu tempelkan kode berikut tepat diatas kode </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 -->

4. Langkah Keempat, untuk langkah terakhir yaitu SAVE Template . Selesai dan bisa langsung di demokan di blog yang Anda terapkan tutorial ini.
Demikian Tutorial Cara Memindahkan Kotak Komentar Blog Tepat di Bawah Postingan seperti blog andrie.id. Semoga tutorial ini dapat berguna dan bermanfaat buat Anda semuanya, jangan lupa bagikan ke teman-teman lainnya supaya mereka bisa tahu dan bisa memindahkan kotak komentar mereka berada di atas seperti blog andrie :D. terima kasih dan sampai jumpa di tutorial saya selanjutnya.
Awas loh nanti kebanjiran komentar..hi..hi.. 🤣
Wajib nih diapply ke blog, biar orang gak bete mau komen tapi scroolnya kepanjangan hehehe
apa ada yg salah dg blog saya, ya?
Selain itu, dulu bisa membalas komentar di bawah komentar teman-teman (threated comment), tapi sekarang tidak bisa.
Nasib org gaptek ya begini ini... :(( :D
<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 ketemu, baru lanjutkan Langkah kedua pada tutorial ini.. gak harus yang <div id='comment-holder'> (kode ini hanya untuk memudahkan pencarian) dan jika tidak ada bisa mencoba kode yang lain.
gitu mas. Semoga membantu.
Di tunggu kunbal nya Mas
www.aryantojambul.zone.id