Tutorial Cara Mengubah Posisi Default Form Kolom Komentar Blog

Andrie Kristianto

andrie.id - Tutorial cara mengubah posisi default form kolom komentar blog dari yang semulanya berada dibawah, kini dipindahkan keatas agar pengunjung tidak perlu scroll jika ingin memberikan komentar. 

Contoh saja pada artikel terbaru auqri.com terkait fitur dan layanan yang ada pada google travel dalam memudahkan traveler untuk mencari info harga tiket pesawat, hotel, dan rekomendasi wisata. Pada artikel tersebut terdapat kurang lebih 50 komentar, pengunjung harus scroll jauh kebawah untuk bisa menambahkan komentar baru. 

Tutorial Cara Mengubah Posisi Default Form Kolom Komentar Blog

Tapi bagi saya dengan tidak mengubah posisi komentar blog default itu sangat penting, agar apa yang sudah ditanyakan dan dijawab bisa dibaca oleh pengunjung lain yang mungkin akan mengajukan pertanyaan yang sama. 

Mengubah Posisi Default Form Kolom Komentar Blog

Tapi bagi kamu yang tetap ingin mengubah posisi default form kolom komentar blogspot dari yang sebelumnya berada dibawah menjadi diatas, silahkan ikuti panduan langkah-langkahnya dibawah ini.

Pertama, masuk ke akun Blogger, lalu pilih menu Tema > lalu klik tombol EDIT HTML > setelah itu temukan kode dibawah ini lalu hapus kode tersebut. 

<!-- form komentar -->
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<!-- end -->

<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>
Kedua, salin kode dibawah ini lalu tempelkan pada baris kode yang dihapus tadi.
<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>
<b:if cond='data:post.showManageComments'>
<b:include data='post' name='manageComments'/>
</b:if>
</p>

<!-- form komentar -->
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<!-- end -->
Ketiga, cari tag penutup </body> lalu tambahkan kode dibawah ini tepat diatasnya
<!-- 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 -->
Terakhir, simpan Tema Blog Anda lalu lihat hasilnya.

Kesimpulan

Begitulah cara memindahkan kotak komentar blog dari yang default berada dibawah dan sekarang bisa berada diatas atau tepatnya dibawah postingan blog. Jadi tidak perlu scroll kebawah untuk menambahkan komentar blog baru. 
Postingan Lebih Baru Ini adalah postingan terlama
Komentar