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.

Berikut langkah langkahnya :

01. Login ke Blogger
02. Klik Template - Edit HTML pada dashboard
03. Cari kode </body> dan letakkan script dibawah ini sebelum </body>
04. 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.

Postingan saya sendiri menggunakan double click dalam seleksi teks. Terserah anda mana yang anda butuhkan atau tepat untuk postingan anda. Terima kasih...