Cara Membuat Seleksi Otomatis di Blog

Cara Membuat Seleksi Otomatis di Blog

Dipublikasikan 9 Maret 2017 7:00 AM

Dengan menggunakan cara membuat seleksi otomatis di blog ini kamu bisa membuat suatu tag, blockquote atau pre hanya dengan dua kali klik atau bahkan sekali klik semua konten yang ada di dalamnya terseleksi otomatis (select all). Ini dapat memanjakan pengunjung supaya betah dengan fitur – fitur yang ada pada blog kamu yang kesannya memudahkan dan tidak ribet, karena saya pun ketika berada diposisi pengunjung dan ada blog yang ribet seperti suatu kode yang buanyak kemduian blog tersebut mendisable fungsi blok/select dan akhirnya harus diketik secara manual, ada dua kemungkinan yang dilakukan yaitu terpaksa ketik manual atau tutup blog itu terus cari referensi lain.

1. Buka Blogger → Edit HTML

2. Letakkan code berikut sebelum code </body> :

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

3. Simpan Tema

Maka sekarang blockquote pada blog kamu otomatis akan terselect semuanya jika di double klik.

Itulah cara membuat seleksi otomatis di blog yang dapat saya sampaikan, semoga bermanfaat.

Baca Juga : Cara Membuat Tombol Download Dan Demo Keren

susantokun avatar
susantokun
Hanya seorang programmer yang fokus di bidang web development. Tidak nyaman dengan keramaian dan suka akan keindahan.
Kebijakan Berkomentar :
1. Dilarang berkomentar yang mengandung SPAM, SARA, HOAX, PORNO.2. Mohon sertakan informasi detail saat terjadi error (pesan error, sreenshoot, code, logs, dsb.).