Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog

Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog - Membuat seleksi otomatis pada tag blockquote pre atau tag ini akan memudahkan dan mempercepat pengunjung dalam memilih dan mengklik kode script copypaste seperti HTML, CSS, JavaScript, jQuery atau teks lain yang terkandung dalam kode dan pra blockquote. Hal ini juga sering disebut Klik Untuk Pilih Semua yang dengan klik teks yang terkandung dalam blockquote / pre akan ter-select.

Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog

Berikut langkah langkahnya :

1. Login ke Blogger
2. Klik Template - Edit HTML pada dashboard
3. Cari kode </body> dan letakkan script dibawah ini sebelum </body>
4. Pilih yang anda butuhkan :

Tag Blockquote kode :

<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;blockquote&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>

Tag Pre kode :

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

Keterangan :
Merah : Dapat di ganti dblclick menjadi click atau sebaliknya
Biru : Hanya berbeda pada blockquote dan pre.

Demikian informasi tentang Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog. Maaf jika ada kekurangan, silahkan tambahkan beberapa kekurangan pada artikel di kolom komentar. Saya harap informasi ini bermanfaat.