Membuat Seleksi Otomatis Blockquote Di Blogspot

Bagi agan yang suka berbagi artikel di blognya dan mengandung banyak sekali  code/script maka anda akan sering kali menaruhnya di dalam tag pre,tag blockquote, maupun text area. Seringkali lebar dari blockquote atau tag pre terlalu panjang sehingga berimbas dengan munculnya scroll horizontal di bagian bawah tag tersebut, hal ini menyebabkan pengunjung mengalami kesusahan dalam mengcopy kode/script yang anda bagikan di dalam postingan.

Lalu bagaimana mengatasi/mencegah hal ini pada blog anda ? anda cukup menggunakan script berikut sehingga hanya dengan satu atau dua klik (opsional ) maka pengunjung anda bisa menseleksi otomatis teks/code yang ada di tag pre maupun tag blockquote.

Untuk demo anda bisa mengklik satu kali pada blockquote dibawah ini

cara pemasangan 

• Step 1  Buka blogger.com lalu pilih blog  anda
• Step 2  Pilih template lalu edit html
• Step 3  Cari kode </body> dengan mengklik   CTRL +F 
• Step 4  Copy kode berikut lalu pastekan pada diatas kode </body> tadi

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

• Step 5  Simpan lalu cek bog anda untuk melihat hasilnya

penyesuaian

1. Script ini tidak mutlak untuk blockquote namun dapat juga digunakan pada tag pre dengan mengubah tulisan blockquote menjadi tag pre
2. anda juga bisa mengubah penggunaan klik ganda (double click ) untuk menyeleksi menjadi, hanya memerlukan satu klik yaitu dengan merubah dblclick menjadi click

Trik/tips/script ini saya dapatkan dari blog.kang-ismet.net 

terakhir saya akan memberitahukan bahwa untuk text area juga bisa menggunakan script yang fungsinya sama,dan akan saya bahas  di postingan-postingan berikutnya,wassalamualaikum.wr.wb.