Seleksi otomatis pada tag pre ini berguna untuk menyeleksi atau mem-blok kode yang terdapat pada tag pre. Seleksi ini memudahkan anda untu...
Seleksi otomatis pada tag pre ini berguna untuk menyeleksi atau mem-blok kode yang terdapat pada tag pre. Seleksi ini memudahkan anda untuk mem-blok kode yang terdapat pada tag pre hanya dengan sekali klik ataupun dua kali klik dengan menggunakan tambahan Javascript. Hal ini sangat berguna untuk menyeleksi atau mem-blok kode tanpa harus mem-blok kode secara manual, jadi cara ini sangat pas untuk blog anda dengan niche tutorial blog ataupun blog dengan kode-code yang banyak.
- Buka dasbor blog anda
- Pilih
Template
--Edit HTML
- Lalu cari kode
</body>
- Setelah itu letakkan kode berikut tepat di atas kode pada no. 3 Hanya satu klik gunakan kode di bawah ini
- Setelah itu tinggal
Simpan Template
<script type='text/javascript'>
var pres = document.getElementsByTagName("pre");
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("click", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
</script>
Dengan dua kali klik gunakan kode di bawah ini
<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>