Bagaimana cara untuk disable Left Click / Disable Highlight pada blog? Dalam entri sebelum ni, Khai telah mengajar dua cara untuk disable right klik. Kalau korang nak tahu cara disable right click korang boleh singgah di sini Cara 1 dan Cara 2. Kali ini pula, saya akan tunjukkan cara untuk disable left click / highlight text dalam blog korang. Ada dua cara untuk disable left klik dalam blog korang, caranya sangat mudah.
Korang hanya perlu ikut langkah yang mudah ni untuk disable text highlight.
Demo : Cuba Sellect Perkataan dalam ruangan di bawah ni, Highlight text dalam ruangan ni adalah disable. (Left click atau highlight mungkin akan jadi error dalam ruangan ini bergantung kepada browser yang digunakan)
Seorang wanita tua pergi ke klinik untuk membuat pemeriksaan. Doktor bertanyakan kepada wanita tersebut apa masalahnya.
Wanita tua menjawab dia menghadapi masalah kentut yang tidak berbunyi dan tidak berbau, sedangkan dia telah kentut sehingga sepuluh kali banyaknya ketika berada di pejabat. Memandangkan kentutnya tidak berbunyi dan berbau dia langsung tidak menyedari ianya berlaku. Doktor mendengar dengan teliti dan memberi wanita tua tersebut senarai beberapa jenis pil yang perlu di ambil. Doktor mengarahkan wanita tua itu mengambil pil-pil tersebut selama seminggu dan selepas itu datang berjumpa dengannya semula.
Selepas seminggu wanita tua itu datang semula ke klinik untuk menyatakan rasa tidak puas hatinya kepada doktor. "Saya tak tau apa yang doktor berikan kepada saya, tapi bau udara di sekitar saya sangat busuk, tak dengar bunyi apa-apa pun tapi busuknya sangat dahsyat", kata wanita itu.
"Bagus, sekarang deria bau awak dah pulih, kita akan usaha untuk pulihkan deria pendengaran awak pula", kata doktor.
1. Ikut langkah ini
Login ke Dashboard Blogger > Template > New Gadgets > HTML/JavaScript
2. Copy kod di bawah dan paste ke dalam HTML/Javascript korang.
<script type="text/javascript">
/***********************************************
* Disable Text Selection script- © 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>
3. Save dan view blog korang untuk test. Siap!
---Cara Kedua (Cara Pro)---
Ok cara ni ada complicated sikit, tapi dengan menggunakan cara ni, korang boleh pilih individual post yang korang nak disable left click. Ataupun korang boleh binggungkan "copycat" dengan menambah kod ni di setiap post supaya perkataan yang dicopy bertaburan apabila di paste.
1. Ikut langkah ni
Login ke dashboard blogger > Template > Edit HTML > Proceed > Hit expand Widgets
2. Tekan CTRL+F untuk cari kod di bawah ni
</head>
3. Korang copy kod di bawah dan paste Di Atas kod yang korang cari tadi.
<script type="text/javascript">
/***********************************************
* Disable Text Selection script- © 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>
4. Save template korang.
5. Seterusnya, untuk menggunakan script yang korang masukkan tadi, pergi buat new post dan masukkan pula kod di bawah ni di kedudukan yang paling bawah dalam HTML new post korang.
<script type="text/javascript">
var somediv=document.getElementById("mydiv")
disableSelection(somediv) //disable text selection within DIV with id="mydiv"
</script>
6. Kemudian, Pilih post yang korang tak nak orang left klik dan Tambahkan kod di bawah pada bahagian HTML new post korang.
<div id="mydiv"> Letak Entry yang korang tak nak orang left click / Highlight di Sini</div>
7. Publish dan test. Siap!
Selamat mencuba dan semoga berjaya ^^
(Rujukan)
Tags: Tutorial Blog, Tutorial Blog Disable Left Click (Highlight), Tutorial Blog Melayu, Cara Buat Blog, Cara Bina Blog, Tutorial Blogspot, Tutorial Blogger
terimakasih banya atas informasinya....semoga tuhan memberikan yang terbaik buat anda
ReplyDelete