Cara Memasang Fitur Click to Select All di Blogger

Daftar Isi Tampil
Cara Memasang Fitur Click to Select All di Blogger

Tutorku.my.id - Halo apa kabar? Pada artikel kali ini saya akan memberikan tutorial cara memasang click to select all di blogger atau blogspot. Tutorial ini berfungsi sesuai dengan namanya, ketika kalian melakukan klik pada satu bagian atau area, maka seluruh teks yang ada di bagian tersebut akan terpilih atau diseleksi.

Tutorial ini berfungsi untuk blog atau website yang membahas mengenai tutorial HTML, CSS, Javascript, dan lainnya yang memberikan kode-kode panjang untuk di copy paste oleh pengunjung. Jadi kita bisa mempermudah para pengunjung untuk melakukan copy paste terhadap kode yang panjang tersebut dengan sekali klik.

Kelemahan dari cara ini adalah pengunjung tidak bisa memilih beberapa baris atau teks saja, mereka diharuskan untuk memilih seluruh teks yang ada di dalam bagian tersebut. Tapi tenang saja, jika kamu ingin menggunakan cara ini namun tetap membiarkan pengunjung untuk memilih satu baris atau teks, kamu bisa menggunakan cara di bawah.

Oke langsung saja ke tutorial cara memasang click to select all di blogger.

Cara Memasang Click to Select All di Blogger

  1. Silahkan buka blog kamu, masuk ke Tema lalu pilih Edit HTML
  2. Jika sudah, silahkan klik CTRL + F lalu ketikkan dan cari </body>
  3. Kemudian pastekan code ini tepat diatas tag tersebut
  4. 
    <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>
    	
    
    
  5. Terakhir silahkan simpan tema kalian.

Silahkan ganti pada bagian pre, code dengan class bagian/area yang ingin kamu aktifkan fitur click to select all ini. Jika kamu ingin menambahkan fitur click to select all ini pada bagian blockquote, kamu tinggal menambahkan class blockquote. Namun jika kamu ingin menggunakan fitur ini pada bagian syntax highlighter yang biasanya menggunakan tag pre dan code, maka kamu tidak perlu mengubah apapun dalam script tersebut.

Itu tadi artikel tentang cara memasang click to select all di blogger dan blogspot, semoga bermanfaat. Jika ada pertanyaan atau hal lain yang kurang dipahami silahkan tanyakan di kolom komentar di bawah dan selamat mencoba!