Hallo sobat AHS,,..setelah sebelumnya saya share tentang beberapa award yang dimenangkan oleh
AHS,,..
sekarang saya ingin share tentang
Membuat Seleksi Otomatis Pada Blockquote.
sobat AHS,,yang suka berbagi tutorial, biasanya kan membagikan kode-kode yang suka dicopy.
Standarnya penggunaan kode itu pada tag
code atau tag
pre. akan tetapi tidak sedikit orang yang menggunakan kode blockquote,,
seperti apa?? contohnya aja blog ini :v
sudah penasaran kan sobat??
oke,, simak baik" ya sobat AHS..
Cara Membuat Seleksi Otomatis pada Blockquote
- pertama,, jelas login blogger
- lalu,, cari kode
</body>(pencarian gunakan tombol Ctrl+F agar lebih cepat)
- setelah ketemu,, copy kode dibawah ini lalu pastekan diatas kode
</body>
<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>
Demo
Contohnya bisa dilihat diblockquote ini(diatas itu)
Editor Note
Sebagai contoh penerapan seleksi otomatis ini, saya gunakan pada kode yang saya bagikan,
sobat tinggal klik ganda, maka semua kode akan terseleksi. Saya menggunakan tag blockquote juga untuk semua kode yang saya bagikan.
Bagi sobat yang juga menggunakan tag blockquote,
untuk menerapkan seleksi otomatis ini, simpan kode dibawah ini sebelum kode </body>
Penggunaan
Silahkan dobel click blockquote itu,,lalu,,rasakan sensasinya *halah :v
cuma gitu aja??? ya iyalah mau apa lagi ._.
oh iya, bagi yang menggunakan kode tag
<pre> atau tag
<code> bisa juga menggunakan ini loh,,
caranya?? tinggal ganti aja tulisan
"blockquote" dengan kode pre,code anda,lalu save. done.
bagaimana sobat AHS?? muncul atau tidak? bisa atau tidak??
oke,,sampai di sini dulu ya sobat
AHS,, semoga bermanfaat.
Source