Membuat Seleksi Otomatis Dengan Double Click pada Tag pre dan code

FANSUBLOGGER - Hari ini dihari yang cerah, saya akan share Auto Selection pada Tag <pre> dan <code>. Kalian pasti udah pada tau ini, pernahkan ke blog atau web yang ada syntax highlighternya. Terus ketika kalian klik dua kali, secara otomatis akan terseleksi semua kodenya. Penasaran gimana itu bisa terjadi?. Ok, langsung aja ke cara pemasangannya.

Cara Pemasangan Auto Seleksi tag pre dan code

1. Kalian ngga usah pakai css. Karena disini kita hanya pakai Javascript doang.
    Kalian buka Blogger, lalu masuk ke Edit HTML di menu Template sebelah kiri. Terus kalian pastekan         script dibawah ini tepat diatas </head> atau </body>.

<script type='text/javascript'>
//<![CDATA[
//Pre Auto Selection
$('i[rel="pre"]').replaceWith(function() {
    return $('<pre><code>' + $(this).html() + '</code></pre>');
});
var pres = document.querySelectorAll('pre,kbd,blockquote,i');
for (var i = 0; i < pres.length; i++) {
  pres[i].addEventListener("dblclick", function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
//]]>
</script>

2. Selesai dan coba sendiri di blog kamu!

Semoga bermanfaat.