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
Catatan: Anda Bisa mencoba untuk preview halaman… ingat cuma preview halaman saja, belum pada tahap redirect URL ke template Anda.
1. Masuk ke akun Blogger
Javascript - BLOGGINGPASURUAN
<b:if
cond="data:blog.pageType == "error_page"">
<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>
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…
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…
hm.... nice post, nambah ilmu lagi ni gan... thanks infonya..:)
ReplyDeleteOk..sama sama
DeleteAda 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
Sudah di UJI COBA silahkan lihat DEMO nya di atas
DeleteThis comment has been removed by a blog administrator.
ReplyDeleteDwonload latest blogger template, themeforest blogger template free
ReplyDeleteBThemes4u.com
nice post gan, bw blog ana www riswan net
ReplyDelete