Membuat Seleksi Otomatis Pada tag Blockquote & Pre Code

Cara Menerapkan Seleksi Otomatis Pada tag Blockquote & Pre Code. Bagi anda pengguna blog yang lebih sering menggunakan blockquote atau tag pre code diblognya, maka menambahkan script seleksi otomatis pada code atau kata yang diterapkan pada tag blockquote dan tag pre code akan sangat membantu pengunjung untuk mempermudah mengcopy sebuah code yang terdapat dalam tag blockquote dan tag pre tersebut.


Membuat Seleksi Otomatis Pada tag Blockquote & Pre Code

Hal ini berguna supaya pengunjung tidak susah untuk mengcopy semua code yang kita bagikan dengan cara hold klik kanan. Hanya dengan menekan double click atau satu kali click maka otomatis semua kode akan terblock untuk siap di copy.

Baca juga : Cara Membuat SyntaxHighlighter Di Blog

Hal ini juga berfungsi dengan menggunakan Ctrl+c. Maka saya sarankan bagi anda yang suka berbagi code atau kata-kata dalam tag pre & blockuote diblognya untuk menggunakan script seleksi otomatis pada tag blockquote dan tag pre code atau lebih umum disebut syntax highlighter agar bisa diterapkan pada blog anda.

Baca juga : Cara Membuat Blockquote Keren Di Blog

Bagi anda yang ingin menerapkan script seleksi otomatis / seleksi semua code tersebut silahkan ikuti tutorial "Membuat Seleksi Otomatis Pada tag Blockquote & Pre Code" silahkan ikuti langkah-langkahnya / caranya.


1. Cara Menerapkan Seleksi Otomatis Pada tag Blockquote


1. Buka akun blogger anda.
2. Pilih menu template & klik edit HTML.
3. Lalu letakan kode dibawah ini tepat diatas kode </body>


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

4. Klik save template.


1. Cara Menerapkan Seleksi Otomatis Pada tag Pre code / Syintax Highlighter.


1. Buka akun blogger anda.
2. Pilih menu template & klik edit HTML.
3. Lalu letakan kode dibawah ini tepat diatas kode </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>

4. Save template anda.

Keterangan : perhatikan pada kode yang saya tandai warna kuning dblclick hal itu berarti berfungsi seleksi otomatis dengan menggunakan double click jika anda ingin hanya satu kali click saja silahkan ganti kode tersebut dari dblclick menjadi Click .

Oke sobat blogger saya rasa sudah cukup untuk tutorial "Cara Membuat Seleksi Otomatis Pada tag Blockquote & Pre Code" lebih dan kurangnya saya mohon maaf. salam blogger.

0 komentar: