Cara Membuat Seleksi Otomatis Pada Tag Blockquote dan Tag Pre

Cara Membuat Seleksi Otomatis Pada Tag Blockquote dan Tag Pre - Membuat seleksi otomatis pada tag blockquote atau tag pre ini memang akan mempermudah dalam melakukan seleksi pada kode-kode atau sebuah catatan yang dibuat dalam kode blockquote atau pre, sehingga akan mempermudah pengunjung yang melakukan seleksi pada kode-kode script yang kita bagikan.

Membuat seleksi otomatis pada tag blockquote dan tag pre ini sangat cocok bagi Anda yang memiliki blog yang suka berbagi kode script seperti CSS, HTML, JavaScript, jQuery, dan lain sebagainya. Dengan memasang kode ini setidaknya akan membantu lebih cepat dalam melakukan seleksi pada tiap-tiap kode baik itu pada tag blockquote ataupun tag pre.

Disini blog Ficri Pebriyana akan membagikan 2 cara yaitu membuat seleksi otomatis pada tag blockquote dan membuat seleksi otomatis pada tag pre. Pada umumnya blog kita menggunakan sebuah kode tag blockquote untuk membagikan berbagai jenis kode script, namun ada juga yang telah menggunakan kode tag pre, tetapi penggunaan kode tag pre ini harus dipasang terlebih dahulu kode css dan javascriptnya, cara memasangnya bisa Anda baca disini Cara Membuat syntax Highlighter di Blog.

Dengan adanya fungsi seleksi otomatis Anda tinggal menekan tombol ctrl+c untuk melakukan copy pada kode script. Dalam menambahkan kode seleksi otomatis Anda bisa melakukan editing script misalnya dari doubleclick bisa menjadi click yang artinya dua klik atau satu klik. Oke langsung saja bagi Anda yang ingin menambahkan kode seleksi otomatis di blog silahkan baca tutorial cara membuat seleksi otomatis pada tag blockquote dan tag pre dibawah ini :

DEMO

Membuat Seleksi Otomatis Pada Tag Blockquote

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode </bod>
4. Copy kode jQuery dibawah ini, lalu Paste 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>

Membuat Seleksi Otomatis Pada Tag Pre

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode </bod>
4. Copy kode jQuery dibawah ini, lalu Paste 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>

Catatan :
Kode diatas menggunakan klik ganda (double click) dengan kode dblclick, jika ingin menerapkan klik saja atau hanya satu klik silahkan ganti kode dblclick dengan kode click.

Sekian artikel mengenai Cara Membuat Seleksi Otomatis Pada Tag Blockquote dan Tag Pre. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

Ficri Pebriyana

Blogger yang jarang nulis artikel :D

Bagikan Artikel ini