Cara memasang Fitur Double Click To Selection Menggunakan Javascript

Cara memasang Fitur Double Click To Selection Menggunakan Javascript
Double Click To Selection

Hallo semuanya pada kesempatan kali ini admin mau berbagi tutorial cara Memasang Fitur Double Click To Selection Di Styntax Highlighter Di Blogger Atau blogspot.

Sebelum kita membahas cara memasang fiturnya kita ketahui dulu apa itu Syntax Highlighter

Apa itu Syntax Highlighter?

Syntax highlighter adalah text editor yang menyoroti penulisan markup kode pada halaman web untuk mempermudah pengunjung mengenali keseluruhan kodenya.Selain itu Syntax Highlighter dapat merapikan huruf dan mempermudah pengunjung untuk membedakan mana yang merupakan kode CSS, HTML, atau Javascript dengan tulisan biasa.

Apa fungsi Double Click To Select All?

cara ini berfungsi untuk menyeleksi seluruh teks,dan kode dalam suatu bagian dengan cara yang lebih simpel. dengan adanya fitur Double Click To Select All ini, maka pengunjung hanya mengklik dua kali pada bagian yang ditentukan,dan seluruh teks dan kode dalam bagian tersebut akan diseleksi secara otomatis.

Tutorial cara memasang Double Click To Selection?

Step 1:silakan masuk ke blogger

Step 2:Pilih Tema > Edit Html

Step 3:Cari Kode </body> Atau &lt;!--</body>--&gt;&lt;/body&gt;jika sudah ditemukan silakan copy/salin dan pastekan/tempelkan di atas kode</body> atau &lt;!--</body>--&gt;&lt;/body&gt;

<script type='text/javascript'>
//<![CDATA[
//Double Click
for (var pres = document.querySelectorAll(" pre,code"), i = 0; i < pres.length; i++) pres[i].addEventListener("dblclick", function() {
var e = getSelection(),
t = document.createRange();
t.selectNodeContents(this), e.removeAllRanges(), e.addRange(t)
}, !1);
//]]>
</script>

jika sudah jangan lupa klik simpan tema dan lihat hasilnya

pre,code adalah class bagian/area yang ingin anda aktifkan fitur select allnya. Jika anda ingin menggunakan futur ini untuk menyeleksi bagian lain anda bisa menambahkan tanda koma(,)dan class yang ingin anda select.

Sekain Cara Memasang Fitur Double Click To Selection. Beri tahu kami Apa yang Anda Katakan Tentang Postingan dengan Membuat Komentar dan jika Anda memiliki pertanyaan Hubungi Kami di Contact Us halaman. Semoga Anda Bersenang-senang Di Website Kami.

Getting Info...
Content Creator, Graphic Designer, UI / UX Designer

My Notes On Blogger : YazidTips.com

2 komentar

  1. Refrensi
  2. Tes