Cara Membuat Double Click to Select All

Fitur double click to select all ini umumnya bisa kita temui pada blog yang bertemakan tutorial sehingga pengunjung lebih mudah copy paste script yang ada pada syntax highlighter.

Untuk beberapa template premium mungkin sudah ada menyediakan fitur yang satu ini, namun banyak juga yang masih belum memiliki fitur double klik ini. Oleh karena itu, anda harus memasangkannya sendiri untuk bisa digunakan oleh pengunjung.

Cara Memasang Double Click di Blogger

Memasang melalui edit HTML Tema

Apabila anda ingin memasang fitur double klik ini, silakan ikuti step dibawah ini.

Step 1. Silakan masuk pada edit html tema

Step 2. Silakan copy paste script dibawah ini diatas kode </body>.

<!-- code double tap select all -->
<script type='text/javascript'>
//<![CDATA[
//Double Click
for (var pres = document.querySelectorAll("pre,code"), 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>

Step 3. Klik simpan dan silakan dicoba ke syntax highlighter anda untuk mengecek apakah script ini berjalan dengan baik atau tidak.