Membuat Seleksi Otomatis Pada Tag Blockquote dan PRE

 

 Membuat Seleksi Otomatis Pada Tag Blockquote dan PRE - Membuat Seleksi Otomatis Pada tag Blockquote Atau Tag PRE akan mempermudah Pembaca Blog Dalam menyeleksi Code Code Atau Catatan yang Sangat Panjang dan Banyak.

Membuat Seleksi Otomatis Pada Tag Blockquote dan PRE ini Sangat Berguna dan Cocok bagi anda Yang Memiliki Blog dengan Niche Tutorial Blogging dan Blog Yang Suka Membagikan Code Code HTML, Javascript , JQuery, CSS , dan lain lain . Dan Dengan Memasang Seleksi Otomatis, Pembaca Blog Akan Lebih Cepat dalam MemBlock Seluruh Code atau text dalam Tag Blockqoute Maupun Tag PRE.

Kali ini, Saya Akan Membagikan 2 Cara Membuat Seleksi Otomatis yaitu Seleksi otomatis pada Tag Blockquote dan Seleksi Otomatis Pada Tag PRE . Umumnya, Blog kita Menggunakan Blockquote Untuk Membagikan Code Code . Namun, ada juga yang Memakai tag PRE . Memasang Tag PRE di Blog Membutuhkan CSS dan Code Lainnya Yang bisa Anda Baca disini : Memasang Syntax Highlighter di Blog,

Dengan Adanya Fungsi Seleksi Otomatis , Anda dan Pembaca Blog Tidak Perlu Memblok Semua Text Secara Manual , Namun Dengan Cara Satu  Klik atau Dua Klik dan Ada tinggal Menekan tombol Ctrl + C untuk Meng Copy Seluruh Text yang Sudah Anda Blok.  Berikut Tutorial nya

Membuat Seleksi Otomatis Pada Tag Blockquote

1. Masuk ke Akun Blogger Anda

2. Klik Template > Edit HTML

3. Cari Code </body>

4. Letakkan Code Berikut Tepat diatas Code </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> 

Untuk Menyeting Script ini , Perhatikan Script dblclick ,script ini berguna untuk Menyeleksi Dalam 2 Klik ( Double Klik ) untuk merubah Menjadi 1 klik Ganti dblclick Menjadi click

Membuat Seleksi Otomatis Pada Tag PRE

1. Masuk ke Akun Blogger Anda

2. Klik Template > Edit HTML

3. Cari Code </body>

4. Letakkan Code Berikut Tepat diatas Code </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> 

Untuk Menyeting Script ini , Perhatikan Script dblclick ,script ini berguna untuk Menyeleksi Dalam 2 Klik ( Double Klik ) untuk merubah Menjadi 1 klik Ganti dblclick Menjadi click

Sekian Dari Saya, Semoga Bermanfaat

Share this post