» » » Menambahkan Tombol CANCEL pada komentar

Menambahkan Tombol CANCEL pada komentar

17.17
0 komentar
Cancel
Tombol "Cancel" atau batal pada komentar, berfungsi menggantikan tombol Add Comment atau Tambah Komentar pada bagian untuk membalas komentar, Tutorial dari http://blog.duypham.info/. Biasanya ketika kita membalas komentar dengan menggunakan fasilitas Reply, maka dibawah kotak form komentar akan muncul tombol Add Comment atau Tambah Komentar, nah tutorial ini akan menggantikan tombol tersebut dengan tombol Cancel atau Batalkan. Untuk contoh bisa lihat gambar diatas, atau untuk contoh nyatanya bisa lihat demonya.
Langkah Pemasangan:
1. Pada dasboard, Masuk ke Template > pilih Edit HTML > lalu Centang Expand template widget.
cari kode if (replybox && (commentId !== replyParent)) { kemudian ganti dengan kode barikut ini
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'}
2. Jika ingin tombolnya lebih keren, anda bisa menambahkan kode berikut ini diatas kode ]]></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;
}
3. Simpan Template
Share:

Posting Komentar

Catatan: (memasukan item pada komentar)
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

Link aktif akan dimatikan secara otomatis.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Back to Top