Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog

Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog - Halo Sobat NapaRom, Pada Artikel yang sobat baca kali ini dengan judul Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog, khusus untuk sobat pembaca sedia blog NapaRom. mudah-mudahan isi artikel atau postingan Artikel Blogging, yang saya tulis ini dapat sobat pahami. baiklah, selamat membaca.

Judul : Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog
link : Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog

Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog

Membuat seleksi otomatis pada tag blockquote pre atau tag ini akan memudahkan dan mempercepat pengunjung dalam memilih dan mengklik kode script copypaste seperti HTML, CSS, JavaScript, jQuery atau teks lain yang terkandung dalam kode dan pra blockquote. Hal ini juga sering disebut Klik Untuk Pilih Semua yang dengan klik teks yang terkandung dalam blockquote / pre akan ter-select.

Berikut langkah langkahnya :

1. Login ke Blogger
2. Klik Template - Edit HTML pada dashboard
3. Cari kode </body> dan letakkan script dibawah ini sebelum </body>
4. Pilih yang anda butuhkan :

Tag Blockquote kode :

<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;blockquote&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>

Tag Pre kode :

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

Keterangan :
Merah : Dapat di ganti dblclick menjadi click atau sebaliknya
Biru : Hanya berbeda pada blockquote dan pre.

Postingan saya sendiri tidak menggunakan double click atau one click dalam seleksi teks. Scroll sendiri aja ya hehe. Terserah anda mana yang anda butuhkan atau tepat untuk postingan anda. Terima kasih..

Sekian Artikel Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog

Sampailah kita pada akhir artikel Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk sobat semua. baiklah, sampai jumpa di postingan artikel lainnya.

sobat sekarang membaca artikel Membuat Seleksi Otomatis Pada Blockquote dan Pre di Blog dengan alamat link https://naparom.blogspot.com/2018/05/membuat-seleksi-otomatis-pada.html