Permudah Visitor Anda Dengan Script Double Click To Select

Bagi para blogger, konten aritkel dicuri dan di publish ulang di blog lain tanpa sepengetahuan kita adalah hal yang sangat menyebalkan.

maka dari itu, banyak blogger yang mengakali pencurian konten artikel dengan memasang script anti copas.

memasang script tersebut dapat membuat blogger nyaman karena konten artikel aman dari pencurian.

Namun apakah Anda pernah berfikir bahwa script anti copas tersebut sangat mengganggu visitor Anda?

Bayangkan, ketika visitor anda sedang membaca artikel "promo domain gratis .com september 2017" dan mengeluh karena tidak dapat menyalin kode kupon promo karena anda memasang script anti copas.

Hal itu sangat mengganggu sehingga visitor anda tidak akan betah berlama lama diblog anda karena merasa dibatasi dan merasa tidak praktis.

"Tapi jika mencopot script anti copas, maka blog saya rawan terkena pencurian konten!. bagaimana solusinya?"

Tidak perlu panik, solusi terbaik adalah memasang script double click to select tanpa memasang anti copas.

Bagaimana cara memasang script otomatis seleksi kata?

• silahkan masuk ke bagian tema / template blog anda.
• masukan kode berikut sebelum kode ]]></b:skin>  atau </style>. Untuk mempermudah pencarian, silahkan tekan CTRL+F, paste kode yang ingin dicari.

kbd{position:relative;color:#28a1f0;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}
kbd:before{position:absolute;content:'Double click to select';display:table;bottom:23px;left:0;background:#4c4c4c;color:#fff;padding:4px;border-radius:2px;font-size:75%;line-height:1;opacity:0;visibility:hidden;transform:scale(0.8);z-index:2;transition:all .3s;}
kbd:hover:before{transform:scale(1.0);opacity:1;visibility:visible;transition:all .3s}

Setting kbd tag

• #28a1f0 adalah warna textnya. Bila ingin, silahkan ganti warna text sesuka hati
• silahkan cari click to select untuk mengganti text yang muncul diatas text kbd
• #4c4c4c adalah warna background text yang muncul.

masukan kode javascript berikut sebelum kode </body>. 

<script type='text/javascript'>

//<![CDATA[

//Pre Auto Selection

var pres = document.querySelectorAll('kbd');

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>

• klik simpan tema.

Bagaimana cara menggunakan double click to select?

masuk ke mode HTML di postingan.

sisipkan <kbd>kalimat yang ingin di double click</kbd> di html postingan. berikut contohnya

Tweet

Postingan terkait:

Ditulis bariqbal — Saturday, September 23, 2017 — Add Comment — Blogging, Internet