Dengan
adanya seleksi otomatis ini, tentunya sobat tidak perlu capek-capek mengcopy source
kode dari atas sampai bawah, cukup dengan double klik source kode dapat
terseleksi semua.
Berikut
cara pemasangannya:
1.
login ke blogger
2.
klik template kemudian Edit HTML
3.
Cari kode </body>
dengan menggunakan Ctrl + F
4.
Pasang sript di bawah ini tepat di atas kode </body>
Untuk
penerapan seleksi pada BlockQuote ini kodenya:
<script type='text/javascript'>
var pres = document.getElementsByTagName("blockquote");
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>
Dan
untuk penerapan pada tag Pre ini kodenya:
<script type='text/javascript'>
var pres = document.getElementsByTagName("pre");
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>
Terakhir
simpan template
Sedikit tambahan:
bagi sobat yang ingin menambahkan tulisan double klik pada tag pre dibawah ini
codenya.
pre::after, pre.line-number:after {content: "Double click select all";
background: #2B2B2B;padding: 2px 10px;width: auto;height: auto;right: 0px;top: 0px;
position: absolute;color:#C9CDD0;}
Semoga
bermanfaat
Sumber: Irvan Efendy
0 komentar