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 :
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....
Disqus Comments