Cara Membuat 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.

Posting ini melanjutkan posting sebelumnya Tombol Konversi Emotion Dan Out Of Topic

Jadi sekiranya tidak banyak ketikan sebaiknya langsung saja,

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:

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

Selesai, Cara Membuat Click To Select All