Cara Membuat Double Click To Select All

Click To Select All artinya jika diclick pada kode tersebut maka secara otomatis sudah terselect semuanya.

Kira-kira begitulah perkiraan artinya dan kira-kira sobat juga sudah mengerti maksud dari select to all tersebut, juga kira-kira ini termasuk cara mempermudah pengunjung buat mengcopy kode yang telah dibagi oleh pemosting.

Cara Cara Membuat Click To Select All :

1. Login ke Blogger

2. Dashboar > klik template > edit HTML

3. Simpan kode dibawah ini sebelum </body>

<script type="text/javascript">
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);   }, false); }
</script>

Catatan:
Jika ingin menggunakan tag blockquote maka ganti kode Pre berwarna kuning diatas dengan blockquote.
Dan jika ingin sekali click saja ubah kode dblclick berwarna hijau dengan click
4. Save, selesai

a. Bila ingin ada tulisan "double click" seperti diposting ini maka tambahkan kode Cssnya di atas </head>:

pre::after, pre.line-number:after {content: "Double click select all";
background: #2B2B2B;padding: 2px 10px;width: auto;height: auto;right: 0px;top: 0px;
position: absolute;color:#C9CDD0;}

SELAMAT MENCOBA...| Jangan Lupa Berkomentar ya...Pasti Working%

Share :

Tweet

✚

Related Post