Cara memasang Double Click to Select All pada Blog

    Hiirotaku - Yoo, pada artikel sebelumnya kita sudah membahas Cara Custom Scrollbar Website Agar Terlihat Menarik, dan pada artikel kali ini saya akan memberikan tutorial cara memasang double click to select all pada blog. Cara ini berfungsi untuk menyeleksi seluruh teks pada blog jika kalian menekan klik sebanyak dua kali pada mouse.

Tutorial ini sangat cocok bagi kalian yang mempunyai blog tutorial atau yang sejenisnya, yang membutuhkan fungsi copy dan paste, cara ini sangat simpel dan memudahkan bagi pengunjung agar tidak melakukan seleksi teks secara manual namun hanya tinggal menekan tombol sebanyak dua kali.

Cara memasang Double Click to Select All pada Blog

1. Masuk pada halaman blogger dan masuk ke Tema > Edit HTML.

2. Setelah itu kalian cari kode </body> .

3. Masukkan kode di bawah ini tepat di atasnya.

<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>

4. Simpan dan coba hasilnya.

Silahkan ganti bagian yang sudah saya tandai dengan id atau class yang ingin kalian aktifkan double kliknya, untuk bagian yang saya tandai itu default dari syntax highlighter dan juga blockquote atau fungsi quote pada blog.

Itu tadi tips simpel bagi kalian untuk memudahkan pengunjung agar tidak meng-copy paste secara manual.