Cara membuat kotak komentar diatas komentar Blogger

Secara bawaan, sistem komentar blogger disusun sedemikian rupa sehingga kotak komentar selalu muncul dibwah komentar. Tetapi dengan sedikit trik kita bisa mengubahnya menjadi diatas komentar atau dibawah posting.

Tips ini berguna sekali jika jumlah komentar pada postingan terlalu banyak sehingga pengunjung blog tidak perlu geser ke laman paling bawah untuk komentar.

Berikut cara memindah kotak komentar ke bawah postingan:

1. Login ke akun bloggermu blogger.com

2. Buka pada menu Template -> Edit HTML.

      Setelah dibuak edit HTML akan muncul kode HTML. 

3. Sebelum mengubah kode HTML template pastikan untuk membuat cadangan.

4. Cari kode seperti dibawah 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>

cara mudah untuk mencarinya, tekan tombol Ctrl+F, lalu pada kolom pencarian isikan <div class='comments-content'>, tekan enter. Kemudian lihat apakah kode yang disorot sama dengan kode diatas.

5. Ganti kode diatas dengan kode dibawah 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>


6. Geser kode paling bawah ada kode </body>
7. Isikan kode ini sebelum kode </body>

<!-- awal kotak komentar dibawah posting  -->
<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>
<!-- akhir kotak komentar dibawah posting -->