Cara Membuat Click to Select All di Blogger

September 19, 2020

Tutorial

Pada artikel kali ini gw akan memberikan kalian tutorial cara membuat click to select all di blog kamu. Dengan menggunakan click to select all ini, maka pengunjung blog hanya perlu mengklik 1 kali pada tulisan untuk memilih semua karakter yang ada.

Cara ini berfungsi untuk memudahkan pengunjung blog dalam mengcopy tulisan/script yang kamu berikan di blog kamu. Contohnya dapat kamu cek di bawah. Oke langsung saja ke tutorialnya.

Buka blog kamu, pergi ke Tema lalu pilih Edit HTMl
CTRL F dan cari tag </body> lalu pastekan kode ini tepat diatasnya


<script type='text/javascript'>
function autoSelect(elem) {
    var selection, range;
    if (window.getSelection) {
        selection = window.getSelection();
        range = document.createRange();
        range.selectNodeContents(elem);
        selection.removeAllRanges();
        selection.addRange(range);
    } else if (document.selection) { // IE
        selection = document.selection.createRange().text;
        range = document.body.createTextRange();
        range.moveToElementText(elem);
        range.select();
    }
}
$('pre, code').on("click", function() {
    autoSelect(this);
});
</script>

Save

Silahkan ganti 'pre, code' dengan class atau id bagian yang ingin kamu pasangkan click to select all ini. Jika kamu ingin menambahkan class blockquote contohnya, kamu tinggal menambahkan blockquote. Nanti hasilnya akan jadi seperti ini.


'pre, code, blockquote'

Sekian artikel kali ini mengenai cara membuat click to select all di blogger, semoga bermanfaat. Jika ada pertanyaan silahkan tanyakan di komentar di bawah, jangan lupa tinggalkan like. Thanks!