Cara Membuat Auto Seleksi Pada Tag Pre Dan Blockquote

Membuat Tag Pre Dan Blockquote Auto Block - Itu adalah Topik yang akan saya jelaskan pada kali ini. Kemaren kemaren saya sudah pernah posting Cara Membuat Tag Pre Di BLog nahh kali ini saya akan memberikan tutorial bagaimana Cara Agar kode yang kita bagikan tersebut mudah untuk di copy paste oleh pengunjung ataupun untuk teman sobat. Oke sebelum masuk ke tutorialnya bagi sobat yang belum mengubah tampilan tag pre silahkan dibaca pada postingan saya tentang : Cara Mengubah Tag Pre Menjadi bernomor

Cara Membuat Auto Seleksi (Auto Block) Pada Tag Pre

1. Silahkan sobat masuk ke editor template blog
2. Jika sudah silahkan sobat copy kode dibawah ini dan letakan tepat di atas 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>

3. Save Template dan Silahkan untuk dicoba apakah berhasil atau tidak.

Cara Membuat Auto Seleksi (Auto Block) Pada Blockquote

Untuk pemasangannya Script Auto Block (Auto Seleksi) di Blockquote sama seperti di atas cuman berbeda di bagian scriptnya. Silahkan sobat masukan script berikut ini dan letakan tepat di atas 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>

Oke Sekian Tutorial dari saya tentang Cara Membuat Auto Seleksi (Auto Block) Di Blockquote dan Tag Pre. Jika ada yang tidak jelas atau kurang silahkan sobat ajukan tambahan atau masalah. Semoga Tutorial ini bisa bermanfaat untuk semuanya. Terimakasih.