Cara Memindahkan Kotak Komentar Blog Tepat di Bawah Postingan

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.