Thủ thuật chống Copy bằng Menu chuột phải tuyệt đẹp cho Blogspot

- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
• Email: transinh085@gmail.com
• Facebook: www.fb.com/TNS.CLONE1

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

Không có nhận xét nào