Cara Agar Syntax Highlighting satu kali Click atau Double Click

Syntax Highlighting yang biasa kita gunakan untuk berbagi kode editing pada blog, kebanyakan masih kurang praktis atau seringkali jika kita harus seleksi sendiri kode yang sangat panjang sungguh merepotkan, nah kali ini sobat SOBER akan berbagi kode cara agar Syntax Highlighting bisa di Click satu kali atau Double Click, sehingga memudahkan para blogger untuk berbagi kode.

Mungkin sudah banyak yang share dengan artikel semacam ini, kali ini penulis berbagi kode dengan cara sederhana dan semoga mudah di pahami para blogger pemula. sebagaimana pada Syntax Highlighting yang ada pada blog saya ini. oke kita langsung saja pada pokok pembahasan.

Langkah 1 : Login Blog

Langkah 2 : Pilih Template dan Edit Html.... jika kurang jelas lihat gambar

Atau

Klik gambar untuk memperbesar

Langkah 3 :  Klik pada box script selanjutnya Find atau Ctrl+F,  dan Cari kode </body>

Langkah 4 : letakkan kode dibawah ini tepatnya sebelum kode </body>

Untuk satu kali Click Pilih yang ini

<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;click&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>

Dan untuk yang Double Click Pilih kode ini

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

Langkah 5 : Simpan Template

Sekian Artikel Cara Agar Syntax Highlighting satu kali Click atau Double Click  semoga bermanfaat sebagai acuan belajar blogger pemula.