Menambahkan Tombol CANCEL pada Komentar
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 :


Langkah-langkahnya :
1. Login ke Blogger
2. Klik Template -> Edit HTML dan centang Expand Template Widget
3. Cari kode
4. Simpan Template.
Apabila ingin memodifikasi tampilan tombol, sobat bisa tambahkan kode ini di atas
Maka tampilannya akan berubah seperti gambar ini :

Untuk merubah tulisan "Cancel reply", misalkan dengan "Batalkan Komentar", ganti tulisan "Cancel reply" pada kode di atas.
Semoga bermanfaat....
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 :


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 setelahnyacancelRep=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 :

Untuk merubah tulisan "Cancel reply", misalkan dengan "Batalkan Komentar", ganti tulisan "Cancel reply" pada kode di atas.
Semoga bermanfaat....
63 komentar
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
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
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...
klo mau ngecek alamatnya kazesubs,blogspot,com kang...
Izin nyimak, belajar lagi untuk di praktekan terima Kasih Kang
www.kevin-432.blogspot.com
makasih tutor na... mantep
Saya coba dalam blog saya cara tambahkan tombol cancel ini
mksh ya atas sharenya
mau nyoba ah.. thank's kang
Ijin nyoba dulu, kang...makasih infonya. :)