Cara Mengubah Posisi Default Form Kolom Komentar di Blogger– Cara mengubah posisi default form kolom komentar blog dari yang semulanya berada dibawah, kini bisa dipindahkan keatas. Jadi pengunjung tidak perlu scroll kebawah untuk menambahkan komentar di blogger.
Mengubah Posisi Default Form Kolom Komentar Blog
Bagi kamu yang ingin mengubah posisi default form kolom komentar blogspot/blogger dari yang sebelumnya berada dibawah (dibawah komentar pengunjung) kini menjadi diatas (diatas komentar pengunjung), silahkan ikuti langkah-langkahnya dibawah ini.
Pertama, masuk ke akun Blogger, lalu pilih menu Tema > lalu klik tombol EDIT HTML > setelah itu temukan kode seperti 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='https://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 lalu lihat hasilnya.
Kesimpulan
Begitulah cara memindahkan kotak komentar blog dari yang posisi default berada dibawah dan sekarang bisa berada diatas atau tepatnya dibawah postingan blog. Jadi tidak perlu scroll kebawah untuk menambahkan komentar blog baru.
Baca juga: Tools cek posisi artikel di pencarian google berdasarkan kata kunci / keyword
Jadi bagaimana apakah tutorial cara mengubah posisi default form kolom komentar di blogger ini berhasil? Yuk bagikan pengalaman kamu kepada teman yang lain.
makasih tipsnya, ninggalin jejak dulu… dari dulu saya nyari ini… soalnya kasian yang mau komen kalo harus scroll ke bawah, bahkan ada yang udah sampe 100-an komentar di blog saya
Bisa dicoba nih tipsnya… Soalnya punyaku harus scroll down dulu. Terima kasih info dan Tipsnya.
Wah ada di sini ya tutorialnya. Terima kasih sudah share. Mungkin suatu saat saya perlu terapkan
Ini kaya pakai disqus gitu ya? Keren sih. Jadi yang mau komentar nggak harus capek buat scroll-scroll
mantap nih. master coding.
Tips bermanfaat untuk yang lagi belajar ngeblog pakai blogspot nih ๐
Wah asik nih tipsnya. Tapi aku takut ah utak-atik beginian sendiri. Ngeri salah kode hihihi. Kutandai aja dulu. Kpn2 ada teman, berani kali hehe thanks ya
mas cara bikin emotikon ekspresi / tanggapan yang di atas komentar itu gimana caranya yah? hehe
Waduh…ga ngerti apa2 ni saya, anyway penting banget ni infonya, thanks yaa
ow jadi seperti itu yah cara menyimpan komentar tepat dibawah postingan teh….baru ngeh sayah mah da
Noted mas, saya bookmark.
Wajib nih diapply ke blog, biar orang gak bete mau komen tapi scroolnya kepanjangan hehehe
Saya contek! Trims yaaa
lebih enak ya kalo mau komen, cepet ketemu
wah ini pelajaran sulit
bermanfaatโฆ terima kasih
aduh masalah utak atik blog saya cupu banget bro
wah mantap ulasannya, bisa belajar banyak disini untuk bisa mengelolah blog
Ntar kucoba. Takut kenapa-napa kalo udah berurusan sama HTML. Wkwkwkwkwk
Wah tips yang saya butuhkan nih, saya bookmark dulu ya mas bepe. Memang benar, komentar yg ada di ujuuuung bikin sebel scrooling. Hehe
btw blog ini unik hehe.
Bagus nih, jadi lebih memudahkan yang mau komentar di postingan kita. Izin bookmark dulu ya mas.
terima kasih tutorialnya…nanti docoba …salam kenal ya
Waaah, sebuah artikel yang sangat menerangkan sekali. Saya baru belajar main blogspot nih, bingung banyak kodingnya hehehe
Informasi yang sangat-sangat bermanfaat!
nice info mas, jadi gak repot mesti scroll ke bawah.
di blog saya tidak ada div id='comment-holder', Mas. ๐
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… :(( ๐
Woow baru kali ini saya nemu trik yang sangat bagus, boleh di coba nih, tapi bisa gk ya saya, waduh
Most
Mangap iki, eh Mantap ๐
Mantul dong
Ini dia yg saya carii … Alhamdulillah Work di Blog Saya …
Di tunggu kunbal nya Mas
http://www.aryantojambul.zone.id
mantap mas caranya. kalau kode-kodean gini aku mah nyontek aja biar tinggal kopas. hehe
Mas Andrie kalo letak komen yang paling baru otomatis tampil paling atas gmn?
sebenernya tetep lebih seneng comment dibawah karena mau nggak mau orang jadi baca postingan kita hehehe tapi ya bisa dipake untuk blog satu lagi sih yang memang fungsinya untuk blogwalking saja
Wow, jadi tau deh cara bikin kolom komentar tepat di akhir tulisan ๐ Tapi kalau aku sih demen kayak begini aja hehehe biar pembaca blog rajin scroll up and down hihihi ๐ TFS yaach.