Iklan

Cara Memasang Script Anti Ctrl + U Dengan Halaman Peringatan

Cara Memasang Script Anti Ctrl + U Dengan Halaman Peringatan

BLOGGINGPASURUAN. Sebelumnya saya telang membahas,baca juga “Cara Memasang Script Ctrl+U dengan EfekRedirect URL” dan kali ini saya akan memberikan tutorial “ Cara Memasang Script Anti URL dengan Halaman Peringatan”. Tutorial ini mirip dengan pembuatan ERROR PAGE atau halaman error 404, namun kali ini saya modifikasi sedemikian hingga dapat digunakan pada script Anti Ctrl+U.

Saya jelaskan sedikit bagaimana cara kerja script Anti Ctrl+u dengan Halaman Peringatan. Ketika pengunjung atau pengguna ingin melakukan Ctrl+u dengan tujuan yang tidak jelas atau tujuan plagia/copy paste kode template Anda, maka akan langsung diarahkan pada halaman peringatan yang kita buat….jadi script tidak akan muncul namun akan digantikan oleh halaman peringatan.... seperti gambar diatas !

Atau lihat DEMO
setelah Anda masuk di halaman DEMO silahkan coba tekan tombol Ctrl+U 

Langsung aja disimak cara pemasangan kodenya seperti dibawah ini :

Penjelasan dibawah ini adalah cara membuat Halaman Peringatan terlebih dahulu,Caranya seperti dibawah ini :

1. Log in Blogger
2. Klik Laman, Laman baru
3. Copy kode di bawah lalu paste di bagian HTML laman, bukan Compose

Javascript - BLOGGINGPASURUAN

<b:if cond="data:blog.pageType == &quot;error_page&quot;">
<style>
#error-halaman { position: fixed; z-index: +1000000; top: 0px; left: 0px; width: 100%; height: 100%; background: #d7d7d7; color: #555555; text-align: center; text-shadow: 0px 2px 0px #ccc; font-family: Open Sans, sans-serif; font-size: 14px; color: #3c3c3c; background: #eee url(https://3.bp.blogspot.com/PLFnauscpKE/Vy17FSKOS_I/AAAAAAAAC9s/JLrFdyatq9UTD1GMSvKZXsdm3M0iT7XbgCLcB/s1600/GB2.jpg) repeat top left; } @keyframes go3d { 0% { text-shadow: 0px 0px 2px #686868; } 100% { /***** 3D TRANSFORMATION *****/ text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); }; } @-webkit-keyframes go3d { 0% { text-shadow: 0px 0px 2px #686868; } 100% { /***** 3D TRANSFORMATION *****/ text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); }; } @-moz-keyframes go3d { 0% { text-shadow: 0px 0px 2px #686868; } 100% { /***** 3D TRANSFORMATION *****/ text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); }; } @-ms-keyframes go3d { 0% { text-shadow: 0px 0px 2px #686868; } 100% { /***** 3D TRANSFORMATION *****/ text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); }; } @-o-keyframes go3d { 0% { text-shadow: 0px 0px 2px #686868; } 100% { /***** 3D TRANSFORMATION *****/ text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); }; } .go3d { -webkit-animation: go3d 2s; -moz-animation: go3d 2s; -ms-animation: go3d 2s; -o-animation: go3d 2s; animation: go3d 2s; } .comingcontainer { width: 100%; } .checkbacksoon { width: auto; height: 100%; padding-top: 10%; } .checkbacksoon p { text-shadow: none; font-weight: bold; color: #222; font-family: Arimo, sans-serif; display: block; margin: auto; margin-top: 10px; text-align: center;} .checkbacksoon p span { color: #fff; font-family: Arimo, cursive; font-size: 200px; line-height: 220px; letter-spacing: 1px; cursor: pointer; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; /***** 3D TRANSFORMATION *****/ text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); } .checkbacksoon p span:hover { text-shadow: 0px 0px 2px #686868; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } .error-bro { font-size: 16px; width: 700px; max-width: 90%; line-height: 2em; letter-spacing: 1px; } .error-bro a { text-decoration: none; color: #000; } .error-bro a:hover { color: #FF7F00; } @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */@media only screen and (min-width: 768px) and (max-width: 959px) { } /* All Mobile Sizes (devices and browser) */@media only screen and (max-width: 767px) { } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */@media only screen and (min-width: 480px) and (max-width: 767px) { .checkbacksoon p span { font-size: 150px; line-height: 160px; }; } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */@media only screen and (max-width: 479px) { .checkbacksoon p span { font-size: 150px; line-height: 160px; }; } .tombol { display: inline-block; text-decoration: none; outline: 0; cursor: pointer; font: 700 12px/1em HelveticaNeue,Arial,sans-serif; padding: 8px 11px; color: #555; text-shadow: 0 1px 0 #fff; background: #f5f5f5; background: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#f0f0f0)); background: -moz-linear-gradient(top,#f9f9f9,#f0f0f0); border: 1px solid #dedede; border-color: #dedede #d8d8d8 #d3d3d3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px #eaeaea,inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 1px 2px #eaeaea,inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 2px #eaeaea,inset 0 1px 0 #fbfbfb; } .tombol:focus,.tombol:hover { color: #555; background: #efefef; background: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#e9e9e9)); background: -moz-linear-gradient(top,#f9f9f9,#e9e9e9); border-color: #ccc; -webkit-box-shadow: 0 2px 1px #e0e0e0,inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 2px 1px #e0e0e0,inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 2px #e0e0e0,inset 0 1px 0 #fbfbfb; } .tombol:active { position: relative; top: 1px; color: #555; background: #efefef; background: -webkit-gradient(linear,left top,left bottom,from(#eaeaea),to(#f4f4f4)); background: -moz-linear-gradient(top,#eaeaea,#f4f4f4); border-color: #c6c6c6; -webkit-box-shadow: 0 1px 0 #fff,inset 0 0 5px #ddd; -moz-box-shadow: 0 1px 0 #fff,inset 0 0 5px #ddd; box-shadow: 0 1px 0 #fff,inset 0 0 5px #ddd; } .tombol.bulat { padding: 8px 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } button.tombol,input.tombol { *width: auto; *overflow: visible; } .tombol img { border: none; vertical-align: bottom; } .tombol.kecil { padding: 5px 11px; font-size: 11px; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tombol.kecil.bulat { -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; } .tombol.besar { padding: 12px 15px; font-size: 20px; font-weight: 400; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tombol.besar.bulat { padding: 12px 22px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px }
</style>
<link href="https://fonts.googleapis.com/css?family=Changa+One" rel="stylesheet" type="text/css"></link>
<link href="https://fonts.googleapis.com/css?family=Arimo:400" rel="stylesheet" type="text/css"></link></b:if><br />
<div id="error-page">
<!-- Halaman Error --><!-- #Ctrl _ U --><br />
<div id="error-halaman">
<div class="comingcontainer">
<div class="checkbacksoon">
<span class="go3d">Ctrl</span><span class="go3d">+</span><span class="go3d">U</span><span class="go3d">!</span><br />
<div class="error-bro">
Peringatan ! Ctrl + U tidak tersedia!
Dilarang COPY SCRIPT didalam template ini.
Silahkan kembali ke....<a class="tombol" href="https://www.blogger.com/" style="box-shadow: none; color: #444444;">Halaman Utama</a></div>
</div>
</div>
</div>
<!-- #Ctrl + U --></div>

4. Kemudian Simpan Laman Anda

Catatan: Anda Bisa mencoba untuk preview halaman… ingat cuma preview halaman saja, belum pada tahap redirect URL ke template Anda.

Langkah Menbuat Redirect URL ( Mengalihkan URL) ke halaman Anda Sendiri

1. Masuk ke akun Blogger
2. Masuk ke Template >> Edit HTML
3. Cari kode </body> lalu letakkan kode dibawah ini, diatas kode </body>

jQuery - BLOGGINGPASURUAN

<script type='text/javascript'>
//<![CDATA[
shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://imbledoz.blogspot.co.id/p/blog-page.html"});
//]]>
</script>


4. Kemudian Simpan Template

Catatan: ganti yang saya warnai kuning dengan URL laman yang anda buat tadi pada langkah pertama ( paling awal) 

Selesai dan lihat hasilnya……

Cara testnya : Silahkan buka halaman Blog Anda lalu, coba lakukan Ctrl+U

Semoga bermanfaat…

Next
Prev Post
Previous
Next Post

10 comments:

  1. hm.... nice post, nambah ilmu lagi ni gan... thanks infonya..:)

    ReplyDelete
    Replies
    1. Ok..sama sama
      Ada masalah silahkan kontak saya... karena ini adalah modifikasi dari error 404 cuma saya ubah penggunaannya untuk script Anti CTRL+U.. Agar tampilan sedikit lebih menarik saja, Mas

      Delete
    2. Sudah di UJI COBA silahkan lihat DEMO nya di atas

      Delete
  2. This comment has been removed by a blog administrator.

    ReplyDelete
  3. this is really too useful and have more ideas from yours. keep sharing many techniques. eagerly waiting for your new blog and useful information. keep doing more.
    PHP Training in Chennai

    ReplyDelete
  4. Dwonload latest blogger template, themeforest blogger template free
    BThemes4u.com

    ReplyDelete
  5. Great Article… I love to read your articles because your writing style is too good, its is very very helpful for all of us and I never get bored while reading your article because, they are becomes a more and more interesting from the starting lines until the end.

    ccna training in chennai guindy

    ReplyDelete
  6. Great Article… I love to read your articles because your writing style is too good, its is very very helpful for all of us and I never get bored while reading your article because, they are becomes a more and more interesting from the starting lines until the end.

    ccna training in chennai guindy

    ReplyDelete
  7. nice post gan, bw blog ana www riswan net

    ReplyDelete
  8. I am glad that I saw this post. It is informative blog for us and we need this type of blog thanks for share this blog, Keep posting such instructional blogs and I am looking forward for your future posts. Python Projects for Students Data analytics is the study of dissecting crude data so as to make decisions about that data. Data analytics advances and procedures are generally utilized in business ventures to empower associations to settle on progressively Python Training in Chennai educated business choices. In the present worldwide commercial center, it isn't sufficient to assemble data and do the math; you should realize how to apply that data to genuine situations such that will affect conduct. In the program you will initially gain proficiency with the specialized skills, including R and Python dialects most usually utilized in data analytics programming and usage; Python Training in Chennai at that point center around the commonsense application, in view of genuine business issues in a scope of industry segments, for example, wellbeing, promoting and account. Project Center in Chennai

    ReplyDelete