informasi investasi, informasi saham, informasi forex, informasi kripto, informasi saham hari ini, informasi forex hari ini, informasi kripto hari ini, fundamental saham, fundamental forex, fundamental kripto, berita investasi, berita saham, berita forex, berita kripto, berita saham hari ini, berita forex hari ini, berita kripto hari ini, artikel investasi, artikel saham, artikel forex, artikel kripto, prediksi saham, prediksi forex, prediksi kripto, analisa saham, analisa forex, analisa kripto, trading saham, trading forex, trading kripto, belajar trading saham, belajar trading forex, belajar trading kripto, panduan trading saham, panduan trading forex, panduan trading kripto, tips trading saham, tips trading forex, tips trading kripto.
image3

Cara Membuat Kotak Tulisan dengan Fungsi Double Click to Select All pada Blogger

Published at September 2018
Content Category : Content Management System
Cara Daftar Akun Indodax

Hai Blogger! Berikut adalah Cara untuk Membuat Kotak Tulisan dengan Fungsi Double Click to Select All pada Blogger :



  • Buka Menu Themes, kemudian klik Edit HTML.
  • Tambahkan Kode Script ini sebelum Kode </b:skin>
  • Untuk memudahkan pencarian tekan Crtl dan F, ketik </b:skin> dan tekan Enter.

pre { position:relative;width:100%;padding:0;padding-top: 35px;margin:.5em auto;background-color:#ff6600;border-radius:3px;white-space:pre;word-break:normal;word-wrap:break-word;overflow:auto;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;-moz-tab-size:2;-o-tab-size:2;tab-size:2;}pre::-webkit-scrollbar,pre::-moz-scrollbar,pre content::-webkit-scrollbar,pre content::-moz-scrollbar,content::-webkit-scrollbar,content::-moz-scrollbar {display:none;}pre:after {width: 100%;background: #4d4d4d;display:inline-block;content:"Double Click to Select All";font-style:normal;font-weight:normal;font-size:12px;color:#fff;text-align: right;top:0;right:0;padding: 7px 10px;position:absolute;}pre content {max-height:500px;display:block;background:none;border:none;color:#fff;padding: 20px 20px 20px 20px;font-size: 14px;white-space:pre;overflow:auto}pre mark,content mark,pre content mark {background-color:#4d4d4d!important;color:#fff!important;padding:2px;margin:0 2px;border-radius:2px;}pre[data-content="built2bless"]:before {background-color:#fff;box-shadow:inset 0 0 0 1px #eee;}

  • Kemudian Letakkan Kode ini diatas Kode </body> :

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

  • Dan Gunakan Kode ini Menampilkan Kotak Tulisan dengan Fungsi Double Click to Select All :

<pre data-content="built2bless"><content class="select-all">DOUBLE CLICK HERE TO SELECT ALL THIS TEXT - DOUBLE CLICK HERE TO SELECT ALL THIS TEXT - DOUBLE CLICK HERE TO SELECT ALL THIS TEXT</content></pre>

  • Contoh Hasil :

DOUBLE CLICK HERE TO SELECT ALL THIS TEXT - DOUBLE CLICK HERE TO SELECT ALL THIS TEXT - DOUBLE CLICK HERE TO SELECT ALL THIS TEXT

  • Ganti Bagian DOUBLE CLICK HERE TO SELECT ALL THIS TEXT dengan Tulisan Anda.

Semoga Bermanfaat, Happy Blogging :)

Bagikan :

CONVERSATION