Cara Mudah Membuat Double Click To Select All di Blog

Bahasa yang lebih mudah untuk dipahami dari istilah double click to select all  adalah meng-klik dua kali pada tulisan tertentu agar otomatis langsung dapat terpilih semua tulisan yang diinginkan. Atau istilah lainnya adalah menselect semua tulisan, baik div, tag, dan pre tertentu dengan cara double klik. 

Trik ini sangat membantu sekali untuk anda yang memiliki blog dengan niche tutorial atau membagikan script-script tertentu. Agar mempermudah pengunjung ketika ingin meng-copy tulisan atau script, lebih baik anda letakan script double click to select all berikut ini pada tag pembungkus yang ada didalam blog. Dengan cara klik dua kali, otomatis pengunjung dapat mem-block select all tanpa harus men-select tulisan dari awal hingga akhir. Cara ini cukup menghemat waktu dan sangat efektif.

Cara memasang script double click to select all di blog

Double Click To Select All

Cara membuat dan memasang script double click in tag, pre code dan blockquote cukup mudah, silahkan ikuti langkah-langkah dibawah ini:

1. Login kedalam akun blogger. Kemudian pilih menu tema dan klik edit HTML
2. Jika sudah terpilih menu tema, selanjutnya anda cari kode </body>.
3. Untuk mempermudah perncari kode diatas, anda bisa gunakan shortcut, yaitu tekan tombol CTRL + F. 
4. Setelah ketemu, masukkan kode dibawah ini diatas kode body tadi.

<script type='text/javascript'>
//<![CDATA[
//Double Click
for (var pres = document.querySelectorAll("blockquote,pre"), i = 0; i < pres.length; i++) pres[i].addEventListener("dblclick", function() {
  var e = getSelection(),
    t = document.createRange();
  t.selectNodeContents(this), e.removeAllRanges(), e.addRange(t)
}, !1);
//]]>
</script>

Klik save. Dan lihat hasilnya. Untuk demo anda bisa lihat contohnya pada blog ini.

(Baca juga: Cara mudah membuat tombol share di bawah postingan blog)

Script ini hanya berfungsi untuk tag blockquote dan pre saja. Jika ingin menambahkan tag, id atau class silahkan tambah di sebelah code pre dan gunakan tanda (,) sebagai pemisah. Cntohnya adalah seperti ini: blockquote, pre, tag yang ditambahkan.