Tutorial : Disable Highlight Text

WRITTEN BY : ARRIF TIME : 1:18 PM TOTAL COMMENTS : 0


Assalamualaikum dan salam sejahtera semua.

Haritu aku ada ajar Disable Right-Click With Warning dan Disable Right-Click Without Warning kan? Dan aku juga ada ajar Lindung Gambar Dari Kena Download kan? Ha tu semua sebab nak protect kita punya hasil dalam blog ni ye. Tutorial kali ni pun sama fungsinya, nak protect hasil dalam blog kita. Tapi ni kita nak disable highlight dekat blog kita. Fungsi ni sesuai untuk yang nak lindung entry kita yang asli daripada kena copy paste. Tapi tak sesuai untuk blogger yang buat tutorial okay? Nanti tak boleh copy kod kauorang.

Jadi kita mulakan.

1. Pergi 'Dashboard'
2. a. Untuk blogger yang guna 'Blogger Old Interface' : Buka ruangan 'Design' ==> 'Add Page Element'
    b. Untuk blogger yang guna 'Blogger New Interface' : Buka ruangan 'Layout' ==> 'Add a Gadget'
3. Pilih element/gadget 'HTML/Javascript'

4. Copy kod dekat bawah ni :

<script type="text/javascript">
/***********************************************
* Disable Text Selection script- &#169; Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
//Sample usages
//disableSelection(document.body) //Disable text selection on entire body
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"
</script>
<script type="text/javascript">
disableSelection(document.body) //disable text selection on entire body of page
</script>


5. Dah Copy kan? Paste kan kod tu dekat bahagian 'HTML/Javascript' tadi.
6. Tekan lah  button 'Save' dan lihat hasilnya dekat blog kauorang.


Sila bagitahu kalau menjadi dan bagitahu juga kalau tak menjadi. ;)


Related Posts Plugin for WordPress, Blogger...

No comments:

Post a Comment

Dah baca kan? Komen lah sikit. Sikit pun jadilah.
Fikir sebelum menaip. ;)