How to Create Encrypt Code Tools on Blogger Static Pages NQnia.
On this occasion, I will give a tutorial on How to Create an Encrypt Code Form on Blogger Static Pages. But before going into the discussion, I will tell you what Encrypt Code is.
What is Encrypt Code?
Encrypt Code is to change the programming code into a random code called Base64 or HexaDecoder code. The purpose of this Encrypt Code is to encrypt a code to not be known by someone.
If you are a template maker, it's a good idea to encrypt the code in your template, especially in the credit or copyright section. If you leave the code as intact as normal, your template users can delete the credit link code section. Free template users usually only attach importance to their own blog without regard to how difficult it is to make a template.
Here is a sample code that has been encrypted in the tool that I gave:
<script type='text/javascript'> //<![CDATA[ document.write(unescape('%0A%3C%62%72%20%2F%3E%20%20%20%20%20%20%20%20%20%20%0A%3C%62%72%20%2F%3E%0A%4F%52%49%47%49%4E%41%4C%20%43%52%45%41%54%45%44%20%A9%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6E%71%6E%69%61%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%3E%4E%51%6E%69%61%3C%2F%61%3E%0A')); //]]> </script>
Try to look at the code above? Can you translate the code above? If not, I'll let you know. So, holding the full code above is https://nqnia.blogspot.com, but I have encrypted it to be like the code above, that's the answer.
How to Make Encrypt Code Tools on Blogger Static Pages
1. Please login to blogger.com using your Gmail.
2. Enter the PAGE menu >> click Create New Page
3. If you have, please give the page title " Encrypt Code " or your taste.
4. Enter HTML mode instead of Compose and enter the code below exactly in the HTML mode.
<style> input#button-on{color:#fff!important;height:50px;font-size:14px;font-weight:bold;background:#07ACEC;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;margin-top:15px} input#button-on:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} #belakang{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px;border:1px solid rgba(0,0,0,0.05)} .belakang-2{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px;border:1px solid rgba(0,0,0,0.05)} textarea{width:94%;height:300px;margin:0 auto;display:block;background-color:#fff;padding:20px;font:normal 13px 'Courier New',Monospace;border:2px solid #2980b9;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);border-radius:8px;resize:none} .daerah-tombol-2{color:#fff;background:#2980b9;text-align:center;padding:20px 20px 40px 20px;margin:10px;border-radius:4px} .hasil{color:#fff;background:#2980b9;text-align:center;padding:20px 40px 20px;margin:20px;border-radius:4px} button{color:#fff!important;height:50px;font-size:14px;font-weight:bold;background:#07ACEC;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;margin-top:15px} a:link{color: #fff;} a:link:hover{color: #07ACEC} </style> <center> <script type='text/javascript'> function doencrypt(theform) { if (theform.code.value == "") { alert("NO CODES FOR ENCRYPTION!"); return false; } else { enctext=encrypt(theform.code.value); codetocopy="<script type='text/javascript'>\n"; codetocopy+="//<![CDATA[\n"; codetocopy+="document.write(unescape('"+enctext+"'));\n"; codetocopy+="//]]>\n"; codetocopy+="</script\>"; theform.ecode.value=codetocopy; } return false; } function encrypt(tx) { var codehex=''; var i; for (i=0; i<tx.length; i++) { codehex += '%'+hexfromdec(tx.charCodeAt(i)) } return codehex; } function hexfromdec(num) { hex1 = Math.round(num/16 - .5); hex2 = num - hex1 * 16; return (""+getletter(hex1)+getletter(hex2)); } function getletter(num) { if (num < 10) { return num; } else { if (num == 10) { return "A" } if (num == 11) { return "B" } if (num == 12) { return "C" } if (num == 13) { return "D" } if (num == 14) { return "E" } if (num == 15) { return "F" } } } function code_check(){ var focuscheck=document.getElementById('txtarea');if(focuscheck.value.indexOf('Paste your code here...')>0)focuscheck.value='';} function copyToClipboard() { $("#txtarea").select(); document.execCommand("copy"); } </script> <div id="belakang"> <div class="hasil"> <span style="font-size: large;"><b> INPUT :</b></span> </div> <form method="post" name="pageform" onsubmit="return doencrypt(this);"> <textarea cols="40" name="code" id="areatxt" rows="10" placeholder="Paste (CTLR + V ) Your Code Here..."></textarea> <div class="hasil"> <span style="font-size: large;"><b> RESULT :</b></span> </div> <textarea cols="40" name="ecode" id="txtarea" readonly="" rows="11"></textarea> <div class="daerah-tombol-2"> <input id="button-on" onclick="doencrypt(pageform);" type="button" value="ENCRYPT CODE"/> <input id="button-on" type="reset" value="RESET"/> <button id="txtarea" onclick="copyToClipboard();">COPY TO CLIPBOARD</button> <script type='text/javascript'> //<![CDATA[ document.write(unescape('%0A%3C%62%72%20%2F%3E%20%20%20%20%20%20%20%20%20%20%0A%3C%62%72%20%2F%3E%0A%4F%52%49%47%49%4E%41%4C%20%43%52%45%41%54%45%44%20%A9%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6E%71%6E%69%61%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%3E%4E%51%6E%69%61%3C%2F%61%3E%0A')); //]]> </script> </div> </form> <div style="clear: both;"> </div> </div> </center>
5. If you have already click PUBLICATE and Done.