Membuat Tombol Balas Di Komentar Blog Nextwapblog

Ahmad Susanto - Halo sobat, Pagi yang cerah dan suasana biasa saja seperti biasanya, Pengunjung artikel ini pasti para user NWB, Jadi bikin admin grogi aja, Anjayy.

Di blog builder sebelah sudah di sediakan fitur balas, Nah karena nwb tidak di sediakan, Admin mengakalinya dengan bermain javascript, Sebenarnya ini hanya tombol otomatis mengetik Menggunakan javascript, Bagi yang sudah hafal javascript pasti sudah bisa bikin sendiri, awkawk.

Di bawah ini adalah tampilannya:

Tampilan Tombol Balas
Tombol Balas NWB

Jika Di klik Langsung Otomoatis nulis nama yang mau di balas

Tutornya:

1. Buka Dashboard => Tema => Template Editor => post.html
Cari kode ini:

  {{ comment.text|raw }}

        </p>

tempel Kode Ini di bawah kode di atas: <div class="admin-comment-action"> <a href="javascript:void(0);" onclick="insert_santo('{{ comment.author_name }}@ ', 'comment_text')">Balas</a> </div>

Tampilan:

Nah kode di atas belum lengkap gan, Jika anda belum memasang kode "Smiley Selector" Anda harus menambahkan kode di bawah ini:
<script type="text/javascript" charset="utf-8">/*<![CDATA[ */ var smiley_map = {}; function insert_santo(smiley, field_id) { var el = document.getElementById(field_id), newStart; if ( ! el && smiley_map[field_id]) { el = document.getElementById(smiley_map[field_id]); if ( ! el) return false; } el.focus(); smiley = " " + smiley; if ('selectionStart' in el) { newStart = el.selectionStart + smiley.length; el.value = el.value.substr(0, el.selectionStart) + smiley + el.value.substr(el.selectionEnd, el.value.length); el.setSelectionRange(newStart, newStart); } else if (document.selection) { document.selection.createRange().text = smiley; } }// ]]></script>

Jika sudah pasang smiley selector, Tidak usah pakai kode di atas.. Taruh kode di atas di paling bawah halaman post.html Saja.

Sekian tutorial kali ini, Semoga bermanfaat dan menambah pengalaman para saudara saudara nwb.