Thủ thuật chống Copy bằng Menu chuột phải tuyệt đẹp cho Blogspot
/ lúc / 57 bình luận
Ra mắt BSW Community - trang đăng bài tự do dành cho bạn, thoải mái trao đổi, đặt câu hỏi, thắc mắc, viết bài viết mới hay thậm chí rao vặt, buôn bán. Click trải nghiệm ngay!
Chào các bạn, lượn trên Google thì tìm được thủ thuật cho website khá hay nên mình đã mang về và chỉnh sửa + bổ sung thêm và đưa vào Blogspot.
Thủ thuật này sử dụng javascript để vô hiệu hóa chuột phải và thay vào đó là hiện menu khi bạn click chuột phải. Mình đã bổ sung thêm những tính năng sau:
  • Chia sẻ Facebook
  • Chia sẻ Google +
  • Sao chép liên kết hiện tại
Thủ thuật chống Copy bằng Menu chuột phải tuyệt đẹp cho Blogspot
Bạn có thể test trực tiếp tại bài viết này (click chuột phải thử xem).

Cách thực hiện

Chỉ cần thêm toàn bộ code này vào sau thẻ <body> rồi lưu lại là được.

<style>
ul.contextMenu{list-style:none;margin:0;padding:0;font:400 15px 'Roboto',sans-serif;position:absolute;color:#333;box-shadow:0 0 70px rgba(0,0,0,.15);z-index:999}
ul.contextMenu li{min-width:150px;overflow:hidden;white-space:nowrap;padding:12px 15px;background-color:#fff;border-bottom:1px solid #ecf0f1}
ul.contextMenu li a{color:#333;text-decoration:none}
ul.contextMenu li:hover{background-color:#ecf0f1}
ul.contextMenu li:first-child{border-radius:5px 5px 0 0}
ul.contextMenu li:last-child{background:#ecf0f1;border-bottom:0;border-radius:0 0 5px 5px}
ul.contextMenu li:last-child a{width:26%}
ul.contextMenu li:last-child:hover a{color:#2c3e50}
ul.contextMenu li:last-child:hover a:hover{color:#2980b9}
</style>
<ul class='contextMenu' hidden='1'>
  <li><a href='/'><i class='fa fa-home'/> Trang chủ</a></li>
  <li><a href='/contact'><i class='fa fa-envelope'/> Liên hệ</a></li>
  <li><a href='/hop-tac'><i class='fa fa-link'/> Hợp tác</a></li>
  <li>
      <a class='fa fa-facebook' expr:href='&quot;//m.facebook.com/sharer/sharer.php?u=&quot; + data:blog.url' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' title='Chia sẻ lên Facebook'/>
<a class='fa fa-google-plus' expr:href='&quot;//plus.google.com/share?url=&quot; + data:blog.url' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' target='_blank' title='Chia sẻ lên Google'/>
      <a class='fa fa-twitter' href='//bacsiwindows.com'/>
    <a class='fa fa-link' onclick='CopyLink()' style='cursor: pointer;' title='Sao chép liên kết của bài viết'/>
  </li>
</ul>
<script type='text/javascript'>
function copyTextToClipboard(e){var t=document.createElement(&quot;textarea&quot;);t.style.position=&quot;fixed&quot;,t.style.top=0,t.style.left=0,t.style.width=&quot;2em&quot;,t.style.height=&quot;2em&quot;,t.style.padding=0,t.style.border=&quot;none&quot;,t.style.outline=&quot;none&quot;,t.style.boxShadow=&quot;none&quot;,t.style.background=&quot;transparent&quot;,t.value=e,document.body.appendChild(t),t.select();try{document.execCommand(&quot;copy&quot;),alert(&quot;Đã sao chép liên kết!&quot;)}catch(o){alert(&quot;Không thể sao chép liên kết!&quot;)}document.body.removeChild(t)}function CopyLink(){copyTextToClipboard(location.href)};
  $(document).bind(&quot;contextmenu&quot;, function(event) {
    event.preventDefault();
    $(&quot;ul.contextMenu&quot;)
        .show() // bacsiwindows.com
        .css({top: event.pageY + 15, left: event.pageX + 10});
});
$(document).click(function() {
  isHovered = $(&quot;ul.contextMenu&quot;).is(&quot;:hover&quot;);
  if (isHovered == false){
    $(&quot;ul.contextMenu&quot;).fadeOut(&quot;fast&quot;);
  }
});
</script>
Chúc bạn thành công.
Source code of thuthuatweb.net
Edited by bacsiwindows.com

57 nhận xét:

Trần Thanh Bình nói...

https://www.thuthuatweb.net/css/de-dang-tao-context-menu-voi-jquery-va-css.html

Trường Nguyễn nói...

Có gì không ổn à bạn Bình?

Trần Thanh Bình nói...

Ko

Trường Nguyễn nói...

Rảnh lắm

Star Cường IT ­ nói...

Chống copy ? chắc bàn phím hư rồi :))

Nguyễn Lương Duy nói...

Cơ mà không cop đc code trên đt

z0mbie win nói...

hay vãi

Star Dũng Blog nói...

Hay lắm anh :)

Star Sơn IT nói...

Bài viết hay lắm anh, mà đây là chống chuột phải mà, thay lk giúp em thành https://www.starsonit.net/ nhé

Trường Nguyễn nói...

Chống chuột phải chứ !? Nhầm cmnr :v

Trường Nguyễn nói...

Đúng rồi. Tô đen trên điện thoại cũng không được luôn.

Trường Nguyễn nói...

Cảm ơn nhớ :3

Trường Nguyễn nói...

Cảm ơn em nhớ :)

Trường Nguyễn nói...

Ừ là chống chuột phải. A viết nhầm cmnr.
PC đang cài lại Win nào xong a thay cho nhớ.

Star Sơn IT nói...

ok anh

Star Sơn IT nói...

Mà nhân tiện anh nhận xét cái temp em mới mod lại của anh với ạ

Trường Nguyễn nói...

Không giống Zing Me lắm, giống Facebook hơn. Được cái thanh menu là gần giống thôi.

Thế Lợi IT nói...

quá tuyệt

Trường Nguyễn nói...

(y) :D

Star Sơn IT nói...

Vì em mới mod thanh menu mà anh, phần dưới đã làm gì đến đâu, nếu có thời gian anh qua mod giúp em đc ko, tặng anh cái domain tuỳ chỉnh, vì giờ em bán domain

Trường Nguyễn nói...

Ừ cố gắng làm cho nó giống Zing Me đi :3 anh không có thời gian đâu e nhưng nếu rảnh a vào chỉnh sửa nhỏ nhỏ thì được.

Star Sơn IT nói...

Anh vào chỉnh hộ em cái khung tìm kiếm thôi, vì em thay mãi mà cứ bị lỗi trong khi thay đúng

Trường Nguyễn nói...

Bình thường mà có bị gì đâu em. Sửa màu background lại là được rồi.

Star Sơn IT nói...

Em muốn thay nó thành cái search khác

z0mbie win nói...

nhưng cx khá là bất tiện cho người truy cập

Trường Nguyễn nói...

Bất tiện với những blog thủ thuật thôi, còn trang web bình thường thì không vấn đề!!

Trường Nguyễn nói...

Thì tìm code search khác thay vào vị trí cũ rồi sửa css thôi e

Trần Thanh Bình nói...

Cái backtop hover vào hình giọt nước vip vcl

Trường Nguyễn nói...

Đơn giản thôi mà :3

Trần Thanh Bình nói...

Nhìn đúng chất

Trường Nguyễn nói...

:)) không biết rep gì

Trần Thanh Bình nói...

Rep câu trên mà đâu nó tụt xuống đây :3

Trường Nguyễn nói...

Bấm rep cmt mà nó hiện ra nút Hủy trả lời mới được :3

Khánh Bảo nói...

Đổi gió thanh menu đi boss ơi, nhìn mãi chán phết ~~
P/s: Cơ mà liên kết bạn bè kì quá a ơi

Star Sơn IT nói...

Sửa vào không lưu đc mà nó bị lỗi xuống

Tính Getter nói...

Klq mà footer chói mắt quá, trắng tinh luôn @@

Trịnh Đăng An nói...

làm thanh menu đẹp hơn tí đi :v boss

Star Sơn IT nói...

Anh trường ra bài chỉ cái hover bài viết trượt như của anh đi

Trường Nguyễn nói...

Đổi gió gì bây giờ nhở đổi màu nền hay đổi luôn menu khác?? :v
LKBB sao mà kì ?

Trường Nguyễn nói...

Chịu khó y. Để hôm nào rảnh làm nightmode cho theme :3

Trường Nguyễn nói...

Đẹp rồi làm gì nữa bi giờ :3

Trường Nguyễn nói...

Cái hover bài viết trượt là cái gì em nhở!?

Star Sơn IT nói...

Là vào blog hoặc vào bài viết là nó trượt từ bên trái sang như blog anh ấy

Trường Nguyễn nói...

Dùng một tí CSS Animation thôi. Để ngày mai anh copy css cho.

Star Sơn IT nói...

ok ạ

Khánh Bảo nói...

Đổi luôn menu khác /=s
Hover nó không được đẹp lắm

Trường Nguyễn nói...

Để sửa lại chứ không biết đổi menu nào khác nữa :3

Star Đức Blog nói...

hay lắm anh

Trường Nguyễn nói...

Cảm ơn em (y)

Trường Nguyễn nói...

Đây e nhớ:
https://www.bacsiwindows.com/2018/01/tao-hieu-ung-slide-va-fadein-cho-blogspot-bang-animation-css.html

Lê Bá Long IT nói...

Template ko có body thì làm ntn bác

Trường Nguyễn nói...

Bạn tìm <body là có nhé

hoa hồng 360 nói...

Thế thì cất cái web vào tủ đi . 😆Sao phải chống copy làm gì . Cao thủ là để cho ng ta copy thoải mái cơ 😆
cái khó như flash còn có phần mềm biên dịch ngược lại đc nữa là
có bản quyền dcma rồi thì sợ gì

hoa hồng 360 nói...

Chống copy mã nguồn . Nội dung . Hình ảnh của trang web . Là của những năm 2008 . Khi đó fb còn chưa phát triển . Và chỉ có một số ít các trang w cá nhân như
manh hải .tk
mạnh tiến . Tk
nghe nghạc . Name
ánh trăng xanh .kt
....
Mh cũng làm 1 vài trang . Cũng là đi copy cái mã nguồn của ng ta
nhưng sau này mh chuyển đổi toàn bộ code của mh thành dạng flash
ở bên macromedia flash 8
vậy trang của mh sẽ ko ai tìm đc mã nguồn vì nó đc chuyển thành dạng .fla. swf
nhưng cũng tương đối thôi
có nhiều phần mềm biên dịch ngược lại mã nguồn này
vd : một đoạn nhạc có tên
music.swf
Hiệu ứng. Swf ở trong mạng
thì mình sẽ biên dịch ngược lại
và thay vào là của mh
nhưng bây giờ google nó ko thích flash . Ko tốt cho seo
nên giờ chỉ chú ý đến npoij dung thôi

Trường Nguyễn nói...

Ahaha bạn thật là vui tính >_<

Trịnh Đăng An nói...

chúc 1 ngày vui vẻ và an lành nhé ông :3

Trường Nguyễn nói...

Cảm ơn bro, lát ngủ ngon!

Đăng nhận xét