Tuesday, December 8, 2015

Cara Seleksi/Blok Otomatis Pada Tag Pre di Blog

Cara Seleksi Otomatis Pada Tag Pre di Blog

Assalamu'alaikum warohmatullahi wabarokatu. Baiklah dalam posting kali ini saya akan membahas mengenai cara agar kode yang dituliskan di blog terseleksi otomatis ketika di klik dua kali. Tetapi sebelumnya saya akan menjelaskan tentang tag pre. Jadi seperti ini, tag pre merupakan tag HTML untuk menuliskan kode HTML di posting blog tanpa diartikan oleh mesin. Untuk membuat tag pre berwarna (highlight pre tag) silahkan baca Syntax Highlighter untuk Kode HTML/JS/CSS di Blogger.

Baiklah langsung saja saya pertama-tama buka dashboard Blogger sobat, buka Template > Edit HTML. Tambahkan kode berikut dibawah </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>

Perhatikan kode diatas, pada bagian blockquote dapat sobat ganti sesuai dengan tag apa yang anda inginkan. Misalnya sobat ingin agar teks dalam tag blockquote terseleksi otomatis ketika di klik dua kali, silahkan ganti pre menjadi blockquote. Namun sobat juga bisa menggantinya selain pre dan blockquote, terserah apapun yang anda inginkan.

Selain itu sobat juga bisa mengganti bukan hanya klik dua kali tetapi bisa juga hanya dengan satu kali klik langsung terseleksi otomatis. Cukup ganti dblclick menjadi click.
Disqus Comment
Parse Tool