memasang fungsi reply to comment

Bagi memasang reply pada komen adalah memerlukan kita membuat sedikit pengubahsuaian pada template.Hack yang dicipta oleh thisischen ini memudahkan kita membuat reply pada komen.

Cara unuk membuatnya:

Log in ke blog dan dashboard
klik pada Layout dan pilih edit HTML
klik pada expand widget Templates
cari kod ini:

<data:commentpostedbymsg>

lebih mudah gunakan Crtl + F untuk find dan taipkan kod disitu

jika tiada cari tag ini

<data:commentPostedByMsg/>

atau pun boleh juga pada tag ini :

<dd class='comment-footer'>

dan masukkan kod ini selepasnya

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BLOG ID ANDA&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply to comment]</a></span>

Tukarkan BLOG ID ANDA ke Id blog anda yang boleh didapati pada URL di dashboard

Klik save template dan lihat hasilnya.
Update:untuk dapat blog ID klik pada Design dan tengok pada bahagian atas ruangan url (tempat alamat yg ada logo blog tu la  :) :) atau masa nak buat posting pun ada pada bahagian atas...

READ MORE- memasang fungsi reply to comment

Teks Bergerak Pada Title Bar

Teks Bergerak Pada Title Bar
Mungkin sebelum ini anda pernah melihat teks yang bergerak pada title bar di browser.Jika anda ingin meletakkan pada blog berikut adalah cara untuk membuatnya:

Salin script dibawah ini :

<SCRIPT language='JavaScript'>

var txt="Mesej Anda";

var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

segarkan=setTimeout("bergerak()",kecepatan);}bergerak();

</SCRIPT>

Kemudian gantikan "mesej anda" pada skrip dengan teks yang akan anda ingin masukan.

    * Kemudian pada dashboard ,klik pada Layout dan pilih Edit HTML
    * tandakan pada kotak expand widget
    * Letakkan skrip tadi sebelum </head>


Kemudian Save dan lihat hasilnya.

READ MORE- Teks Bergerak Pada Title Bar

Membuat Google Translator dengan image
Pertama  masuk design,lalu pilih rancangan/layout,lalu add gadget pilih HTML/Java Script
Copy Paste Kod Di Bawah ini:
<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2PRmEFWeX0G9japu1WhiGAFpqAsqXHUNDkFGLZynF9LPlAiQThqsDFjqSP20uVx9g-pmN2nsnR16e-WFAFjppg7e_64-76yblJsME9sJW2pxEsPBZlYyqhN95u3soGmJ1rEAViFKl9qfs/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisTmUE-sJMylmFrWyQi-eCfwZxBHvuWrbLXfL5lqtVU_sgBMWqEAq0dA_Oy2nV1N6faRZwPZxy_MbI-AUq4u_f3xY0bZHuwVZIATxKujiMUo0EAFSYCuhC_4zIf1kbr9UUzzBW3Gu0ipiT/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeZ_GZtMITxWAcJyYnJS1HKoWykZi8JHJjxLXyqkqQvA7b-aMT74Kv05w7pby4G7LzjBvKTQXdoujXiGMqG6iqxcrxA4vhXAE1RFK5d3_pc-sNffUaNnwl2HJ-b7lGMEm8LdZIrjXDbfQP/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1I0gakKOu8546nKYOIHrVeySy63e6ERdw6MKuBwq65KRnCPJQWpdW3UnozP-QWQ8uakEC74XwO-lmR09n9q9aaoB3DuOAZVIJKdGrLrVNlk0IspLKRRU0w4qXJ3TyuSALa38_0NisasBt/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfcpzC1E3jUBeolnSpOGdROe6KeRQ_xOePKafA_oh5dgTDkmjTfrXRHpuiKZqXNjDDiUwqp7DPCysOo4bi-YgFGbuX3T0ybodV0OEyxT8HjYH_Jj9Kn4SbMAkbVoP1PM33pa6a8dqa58X7/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmcYYxkcuE440L2ccXRuOSOa_1gFe3OtRFZeHMHxA2SOgJ-hH8tKesi7LADI-kqV3uSzmZiGCMR_EQgk7iAsCXrOWtoSd6OWoUCgAKfU0fO0yz33CJJuwhiJCu3PJt5QYQaIThd9xAffks/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigjIvf0N3YydzC0sKzWD_MAhtxl2ZRLQTx9I-Ke1_bZ697JvW4PFsD7cqgHPLTqPLlTRMHAoj-Sap30bKNWThyX92I-g7m5rSPC-UIxc6W8fBrhUUpD9CikuWF2gsFbwGgWI9hyJt7QerX/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnpneRvXaluLqbXPZcMWGOAffYNblVYSgogIU-AMPULehjtMl5DfErTcziPp0wP0O-WnR7l0OX-c9HxZV7SajZybSdt4O7LhNSzQOieSqoJADP3p8mpVpaQbk_uShnjkQ4MNsb6Jfp8ze/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaHA7pJfaY8jsFof_GcSEF8bAT-5deYdXU9mxsp93bzTZMIQsAGOkeDPViKfOhpPqJvpQHczIlTbKsNLDCQVsRwEqSadg057mJK2UFw2bDWEddNFT3kHRUXiA5V-dRXxnIJoSomJ9o_7wd/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRWpQLQsf1QP3PJWLtqFa-CeOqcGJZL8Lc-H04K_65WXnhNcIqYl9mZ1jUCl_wzXPdoK3Q_YID4HZocaWh8aF9_rp5gu3xQIE50bdtuHPb5Dt8eT-QFBrl_auCpr1u9KWvnd137wnzFy0C/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHT6JmYMZfJ2irmLUnaLQsEkF63t0pwOYcafEJanNtgQ1rZoGHA6PeIownVjLsXvdLuutH_mc9DjiGjjGstLjajLvgOQ_QdE1Gs2lenLQdU7hyphenhyphendc9UIUFgFerjmZaiQbQHUFnHrUwu7yjm/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGLpFysNdfh6bvdWQEFMmahT8pdVTsiVj-3Pmd-pPIUF8JS0Pnkz7jDbbeN9qzTXUPA2yqAqEaH_Tno_2rLNHOXqjtNmpOp1oMs0r629MOzGvE12ksFkalOZvCNL29Nw-GqvhLz-LKBN3/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://juntenxblog.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>  Edit.Com                                                                                                                         Terakhir Save

READ MORE-

Fungsi bagi disable right click adalah bagi melindungi artikel atau imej dari dicopy.Mesej akan keluar jika  right click cuba digunakan.Walaupun ada right click tapi masih boleh dicopy juga kerana ada cara lain yang boleh digunakan. Jadi untuk imej yang dimasukkan eloklah diletak watermark supaya tidak disalah gunakan.

Cara membuatnya:










Masuk kedesign--pilih pagelements
Add a gadget--pilih HTML/javascript
masukkan kod dibawah ini:

<script>

var message="Letak mesej disini";

///////////////////////////////////

function clickIE4(){if (event.button==2){alert(message);return false;}}

function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}

if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}

else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}

document.oncontextmenu=new Function("alert(message);return false")

</script>

Gantikan letak mesej disini dengan mesej yang ingin ditampilkan
Kemudian save.

READ MORE-

Nama Temanku	Kelas	Hobby
A	6	Makan bakso
B	6	Makan bakso
C	4	Sepak bola
D	5	Tidur

Agar tampilan blog lebih menawan dan lebih informatif, tentu memerlukan tabel untuk membuat informasi lebih mudah tersampaikan. Di dalam blog, membuat tabel bukan seperti membuat tabel di word / excel. Ada beberapa kode yang harus anda pahami dan terapkan di blog anda agar tabel yang inign anda buat tampil di dalam postingan anda. Berikut adalah cara untuk membuat tabel. Ikuti langkah-langkah berikut :

1. Copy kode berikut ke postingan anda.

<table border="1" width="300">
<tr bgcolor="#E0F8E0"><td align="center"><b>Nama Temanku</b></td><td align="center"><b>Kelas</b></td><td align="center"><b>Hobby</b></td></tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
<tr><td align="center">B</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
<tr><td align="center">C</td><td align="center">4</td><td align="left">Sepak bola</td></tr>
<tr><td align="center">D</td><td align="center">5</td><td align="left">Tidur</td></tr>
</table>

Catatan :

1. Warna Yg Berwana Hijau Adalah Judul Dan Anda Bisa Menggantinnya

2. Warna Yg Berwarna Oren Adalah Nama²nya Anda BIsa Mengubahnya
3. Warna Yang Berna Biru Adalah Hobby Mereka Anda Bisa Mengubahnya

READ MORE-

Cara Pasang Radio Online

Cara Pasang Radio Online

Cara Pasang Radio Online
        => Pertama Klick Desain 
       => Lalu Rancangan/Layout
       => Klick Add Gadget/Tambah GadGet
Copy/Paste Kod Di Bawah Ini

<embed src="http://darussunnah.or.id/streaming/mediaplayer.swf" width="120" height="100"                       allowscriptaccess="always" allowfullscreen="true"                                                                                        flashvars="height=100&width=120&file=http://darussunnah.or.id/streaming/playlist.xml&overstretch=fit&showeq=true&showstop=true&autostart=false&logo=http://darussunnah.or.id/streaming/logo.png"/>                 
<br /><a target="blank" href="http://syiarsunnah.com/petunjuk/">Cara Pasang Radio Online</a>                 

READ MORE- Cara Pasang Radio Online

cara tukar mouse pointer cursor pada blog

Bagaimanakah cara hendak menukar pointer cursor pada blog ?.Tutorial kali ini akan menunjukkan cara bagaimana hendak menukar pointer cursor kepada pelbagai bentuk pointer cursor yang boleh didapati di.zingerbug.com,cursors-4u.com dan banyak lagi laman web yang menyediakan pointer cursor .

Langkah membuatnya:

1.Masuk  cursors-4u.com/cursors/

2.Klik pada categories-disini saya pilih cursor/ pointers

3.Disebelah kanan terpapar berbagai pointer—pilih pointer yang dikehendakki

4.Kemudian  muncul paparan kursor dan dibawah nya adalah kod untuk kursor

  contohnya seperti  dibawah ini:

ambil kod url cursors warna hijau diatas letak url diatas pada kod oren dibawah ini:

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/user/use-1/use66.cur), progress;}</style>

(untuk cursor yang lain cuma ambil url dan letak pada teks warna oren) 


Salin kod tersebut dan letakkan tepat diatas kod </head>

Masuk ke design--Page elemet--edit HTML
cari kod </head>
dan letakkan kod tadi diatasnya:

pilih kursor tanpa animasi (.cur)bahagian hujung link berakhir dengan .cur yg saya boldkan.jika guna cursor animasi bersama kod diatas ia tidak berfungsi.

Kemudian save template ..Selamat mencuba

READ MORE-

Membuat table pada artikel

Mungkin pada masa membuat artikel kita perlu membuat jadual bagi memasukkan butir butir tertentu agar nampak lebih tersusun.Dengan cara ini artikel Nampak lebih kemas dan menarik.Berikut adalah cara bagaimana hendak membuat jadual.

Caranya amat mudah cuma perlu memasukkan sedikit kod..

Jadual(table) satu ruang(column):

Nama

 <table border="1"><tr><td>Nama></td></tr></table>

Dua column

Nama

Alamat

 <table border="1" width="200">
<tr><td>Nama</td><td>Alamat</td></tr>
</table> 

Tiga column dan tiga baris

Nama	Alamat	Umur
Ali	Kedah	23
Ahmad	Perlis	24
Anuar	perak	25

<table border="1" width="300">
<tr bgcolor ="#E0F8E0">
<td align="center">
<b>Nama</b></td><td align="center"><b>Alamat</b></td><td align="center"><b>Umur</b></td>
</tr><tr><td align="center">Ali</td><td align="center">Kedah</td><td align="center">23</td></tr>
<tr><td align="center">Ahmad</td><td align="center">Perlis</td><td align="center">24</td></tr>
<tr><td align="center">Anuar</td><td align="center">perak</td><td align="center">25</td></tr>
<tr><td align="center">Abu</td><td align="center">Pahang</td><td align="center">26</td></tr>
</table>

Selamat mencoba.

READ MORE-

Sekiranya anda ingin memasang Auto Readmore Versi terbaru ini.Ikutilah langkah langkah dibawah ini:

Nota : Jika anda pernah memasang read more sebelum ini ,anda perlu kembalikan ia seperti asal.Caranya ialah dengan Klik menu Layout dan pilih Edit HTML.Tandakan pada Expand Template Widget.Setelah itu delete kod read more lama anda yang berwarna hijau seperti dibawah ini :

<div class='post-header-line-1'/>
<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Readmore</a>

</b:if>

<div style='clear: both;'/>

Seterusnya ikuti langkah berikut:

1. Setelah anda login ke blogger, seterusnya masuk kemenu Layout dan pilih Edit HTML. Klik pada kotak"expand widget template" dan cari kod  </head>.

2. Copy dan paste kod  dibawah ini tepat di atas kod </head> yang anda cari tadi.

<script type='text/javascript'>

var thumbnail_mode = "float";

summary_noimg = 250;

summary_img = 250;

img_thumb_height = 120;

img_thumb_width = 120;

</script>


<script type='text/javascript'>

//<![CDATA[

/******************************************

Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks 

********************************************/

function removeHtmlTag(strx,chop){ 

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<"); 

for(var i=0;i<s.length;i++){ 

if(s[i].indexOf(">")!=-1){ 

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 

} 

} 

strx = s.join(""); 

}

chop = (chop < strx.length-1) ? chop : strx.length-2; 

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 

strx = strx.substring(0,chop-1); 

return strx+'...'; 

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) { 

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;
}


var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

3. kemudian  anda cari kod <data:post.body/>. bila anda jumpa kod tersebut. gantikan,  kod <data:post.body/>  dengan kod dibawah ini.

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>

<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE- <data:post.title/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

4.Kemudian klik save 
5. Selesai.


Nota: : Kod yang mempuyai cetak tebal(bold) dan berwarna hijau, pada  kod  diatas mempunyai maksud seperti berikut.


var thumbnail_mode = "float";  (menunujukkan posisi gambar thumbnail  pada  kedudukan di sebelah kiri.

summary_noimg = 250; (menunjukkan   berapa banyak huruf yang akan dipaparkan dalam posting anda tanpa gambar)gantikan mengikut  keinginan anda)

summary_img = 250; (menunjukkan   berapa banyak huruf yang akan dipaparkan dalam posting anda yangtanpa terdapat gambar)   gantikan mengikut  keinginan anda)

img_thumb_height = 120; (ukuran tinggi gambar yang akan dipaparkan)
img_thumb_width = 120; (ukuran lebar gambar yang akan dipaparkan)
READ MORE = gantikan dengan perkataan seperti baca seterus nya,baca lagi,seterunya dll.

READ MORE-

Cara disable text highlight

Dalam artikel sebelum ini saya telah masukkan cara disable right click,yang kita digunakan bagi mengelak imej disalin.tetapi itu sahaja tidak cukup kerana teks pada artikel kita perlu juga dilindungi.Jadi kali ini pula saya akan tunjukan  cara bagi menghalang teks artikel kita dihighlight dan disalin.

caranya membuatnya:

Masuk ke design--Page elements
Add a gadget dan pilih HTML/Javascript

dan masukkan kod dibawah ini:

  <script type="text/javascript">
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

ataupun boleh juga cara ini:
Masuk kedesign-Edit Html
dan cari kod dibawah:

.post {
padding:10px;
font-size:70%;
margin: 0 0 25px 0;

-moz-user-select: -moz-none;

-khtml-user-select: none;

-webkit-user-select: none;

-o-user-select: none;

user-select: none;

}

tambahkan kod yang berwarna oren seperti diatas.
selamat mencoba.

READ MORE- Cara disable text highlight