Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

Menambahkan Tombol CANCEL pada Komentar

Cara termudah menambahkan tombol CANCEL pada thread comment Blogger.
Menambahkan tombol "Cancel" pada komentar - Tombol "Cancel Reply" atau "Batalkan Komentar" berfungsi untuk menutup kotak kometar ketika tidak jadi membalas komentar, setelah kita mengklik tombol "Reply" atau "Balas". Tutorial ini saya dapatkan setelah nyasar ke blog Vietnam yaitu http://blog.duypham.info

Sebenarnya hal ini tidak terlalu essensial, akan tetapi akan sangat berguna ketika kita akan membuat komentar baru dan tidak membalas komentar yang ada. Tombol "Cancel" ini akan muncul di kiri atas pada kolom komentar. Untuk lebih jelasnya silahkan lihat screenshoot di bawah ini :
cancel reply
cancel reply

Langkah-langkahnya :

1. Login ke Blogger
2. Klik Template -> Edit HTML dan centang Expand Template Widget
3. Cari kode (replybox && (commentId !== replyParent)) { dan tambahkan kode ini setelahnya

cancelRep=document.getElementById('bc_0_'+items.length+'I');
document.getElementById(domId).insertBefore(cancelRep,null);
cancelRep.innerHTML=cancelRep.innerHTML.replace(msgs.addComment,'Cancel reply');
if((commentId!=replyParent)&&(replybox.src.indexOf('&parentID=')==-1)){cancelRep.style.display='inline-block'}

4. Simpan Template.

Apabila ingin memodifikasi tampilan tombol, sobat bisa tambahkan kode ini di atas ]]></b:skin>

.comments .continue{display:none;border-top:0}
.comments .continue a{border:1px solid #fa0320;border-radius:3px;box-shadow:0 1px rgba(255,255,255,.3) inset;background:#e8233a;padding:5px 10px;font-size:13px;color:#fff!important;text-decoration:none!important}
.comments .continue a:hover{background:#d70d25}

Maka tampilannya akan berubah seperti gambar ini :

cancel reply

Untuk merubah tulisan "Cancel reply", misalkan dengan "Batalkan Komentar", ganti tulisan "Cancel reply" pada kode di atas.

Semoga bermanfaat....

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

63 komentar

1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. Ternyata bsa dibuat tombol cancelnya jg ya, kang?
    Ijin nyoba dulu, kang...makasih infonya. :)
    1. Monggo silahkan masbro :)
  2. wah ini mantep kang, kadang memnag kita sering salah berkomentar, dan jalan pintasnya ya menghapusnya, trimakasih kang, kapan-kapan tak coba
    1. mangga kang... biasana pami malaweung nya :)
  3. Bisa juga ya di kasih cancel koment, keren kang ismet. (y)
    1. saya juga bingung.. kenapa bisa ya? bukan saya yang keren ah.. pembuatnya
  4. Wih baru kali ini dapet tutorial menambah cancel reply komentar! Nice script bro. :)
    1. Thaks mas brow... semoga bermanfaat :)
    2. iya nih fiturnya simple tapi useful tapi lebih signifikan lagi kalo kang ismet bersedia bikin tutorial Tombol Preview Comment untuk yg tidak pakai captcha. bisa ya gak kang kira2? :)
  5. Tombol cancelnya itu sama aja dengan tombol delete y kang :|
    1. beda.. kalau delete itu menghapus komentar yang telah dipublish, kalau cancel itu itu menutup kolom komentar..
    2. pake treaded comment hack sob :)
  6. hebat emank tuh blog.duypham, sayang bhsnya thailand.., makasih infox pak *smile
    1. Keren Gan Sipp dah saya Coba terapin di blog saya yaa...??
    2. hehhee.. ya gitu deh,buat febri silahkan dicoba
  7. Keren Abisss Nie Tuterialnya
    1. Makasih sob..
  8. Keren .....??? Mahal nie artikelnya Hhaa
    1. berapa harganya ya?
  9. keren...
    mau nyoba ah.. thank's kang
    1. silahkan sob...
  10. mau nyoba nih mantep bgt kayanya.
    mksh ya atas sharenya
  11. mantap banget kang, sudah saya pasang di blog
    1. oke deh sob.. sukses kan?
  12. Terima kasih atas sharing ilmunya ini Kang Ismet...
    Saya coba dalam blog saya cara tambahkan tombol cancel ini
    1. silahkan sob...
  13. tapi knp blog kang ismet ga ada tombol cancel reply nya :(
    1. apa harus semua tutorial diterapin di blog sob? menurut saya cukup di test aja, berjalan atau tidak :)
  14. mkasih broww,,, jangn lupa di bantu yaa... >>>>>>>>>>>>>> http://seoting.blogspot.com/2013/03/cara-praktis-mengisi-pulsa.html
  15. tombol cancel ini memang sangat berguna mas..
  16. terima kasih sudah berbagi ilmunya
  17. ijin untuk dipraktekkan kang,infonya,,terima kasih
  18. info yang bermanfaat sekali nih,,saya coba kang,,ijin untuk dipraktekkan kang
  19. terima kasih sudah berbagi ilmunya kang,,ijin praktekkan kang
  20. terimakasih bnyak untuk informasinya gan..
  21. terimakasih bnyak untuk informasinya gan..
  22. langsung dicoba aj dah gan..makasih bnyak untuk infonya gan..
  23. dicoba dlu deh biar ga penasaran..makasih bnyak gan..
  24. okehh deh gan..makasih bnyak yaa gan infonya,,sangat membantu sekali..
  25. oke bnget nihh gan,,saya udah prnah nyoba,,hasilnya keren..
  26. Mantep.. jadi pengin coba blogspot lagi neh... hehe
    makasih tutor na... mantep
  27. bisa dicoba ini, makasih om :D
  28. wah kapan kapan saya coba gan ^^
  29. Baru tahu saya informasi ini kang, tapi kira2 memberatkan loading blog nggk kang ???
    1. ngga sob, biasa aja ko..
  30. kembali mendapat ilmu tips blogging dari kangismet makasih banyak ya gan
  31. Kang Ismet, Keren tuh. Tapi kodenya kan hanya berlaku utk Bogger, ya?. Saya makenya Wordpress, ada gak ya, kode buat Wordpress? Nuhun Kang buat ilmunya.
    1. wah kalau WP saya masih buta sob :)
  32. Thats Awesome!!
  33. Mantab gan , boleh nyoba gak tuh ? :D

    www.kevin-432.blogspot.com
  34. Mantep lagi nih Kang,, sebagai pelengkap komentar
    Izin nyimak, belajar lagi untuk di praktekan terima Kasih Kang
  35. Keren kang, coba ditambah lagi dengan tombol edit komentar kayak "sunting" di FB kang ...heheh
    1. sayangnya blogger blom bisa edit komen :)
  36. wah saya juga kesasar ke blog sana, dan akhirnya saya menemukan trik blogger hebat yang jarang ditemukan seperti memasang tombol like di komentar, dll
  37. permisi kang mau nanya lagi, hehe
    kalau mau buat tombol cancel nya ada di sebelah tulisan preview kayak punya kang ismet ini gimana yah kodenya?

    btw, di tempat saya kok nga mau muncul ya tombol cancel nya? padahal code2 udah dipasang semua...
    1. komentarnya pake sistem hack atau default blogger?
    2. pake hack kayak punya kang ismet ini, yg ver3, cm saya modifikasi dikit
      klo mau ngecek alamatnya kazesubs,blogspot,com kang...
    3. jadi gmn kang? Apa ada kode tambahan kalau pake sistem hack?
    4. sama nih,,, tombol cancelnya juga gak tampil di blog saya.
  38. ini jga sukses mas bro , terima kasih banyaak :)
  39. Kang saya mau tanya gimana cara ngebuat kotak komentar kayak akang gini! saya pgn kotak komentarnya kayak akang. mohon bantuannya kang.
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.