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 menentukan dan mengklik instruksi script copypaste ibarat HTML, CSS, JavaScript, jQuery atau teks lain yang terkandung dalam instruksi 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 instruksi </body> dan letakkan script dibawah ini sebelum </body>
4. Pilih yang anda butuhkan :

Tag Blockquote instruksi :

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

 <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 gosip perihal Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog. Maaf jikalau ada kekurangan, silahkan tambahkan beberapa kekurangan pada artikel di kolom komentar. Saya harap gosip ini bermanfaat.