Cara Memasang Tool encrypted & decrypted / Script encrypted & decrypted di Blogspot
Ada beberapa cara untuk memasang sebuah encrypted & decrypted atau script di Blogspot. Setiap lokasi pemasangan memiliki fungsi dan karakteristik yang berbeda, sehingga penting untuk mengetahui tempat mana yang paling sesuai untuk kebutuhan Anda.
1. Memasang di Halaman Postingan (Artikel)
Cara ini cocok jika tool ingin muncul hanya pada satu artikel tertentu.
Langkah-langkah:
- Login terlebih dahulu ke https://www.blogger.com menggunakan email Anda.
- Pilih Buat Postingan Baru atau tekan tombol (+).
- Pada editor postingan, ubah mode ke HTML (bukan Compose).
- Salin dan tempel kode script yang sudah kami sediakan dibawah ke dalam kotak HTML.
Setelah itu, tambahkan judul, label, gambar, dan deskripsi sesuai kebutuhan. Klik Publikasikan untuk menyimpan postingan.
2. Memasang di Halaman Statis
Halaman statis biasanya dipakai untuk konten permanen seperti: tool, generator, halaman privacy policy, halaman kontak, atau aplikasi mini. Pemasangan script di halaman statis membuat tool lebih rapi dan mudah diakses.
Langkah-langkah:
- Buka Blogger dan masuk ke dashboard.
- Pada menu kiri, pilih Halaman → + Halaman Baru.
- Ubah mode editor ke HTML agar script dapat berjalan.
- Tempelkan script tool Anda ke dalam kolom HTML.
- Beri judul halaman, misalnya: encrypted & decrypted Tool Generator.
- Klik Publikasikan.
Kelebihan menaruh script di halaman statis adalah tampilannya lebih bersih, URL halaman tetap, dan tidak bercampur dengan konten blog lainnya.
3. Memasang di Template
Cara ini digunakan jika Anda ingin script tampil di semua halaman blog, misalnya script:
- popup otomatis
- script SEO
- script efek animasi background
- script anti-copy, script tombol mengambang, dll
Langkah-langkah:
- Buka Blogger → Tema.
- Klik tombol Edit HTML.
- Untuk script JS, letakkan sebelum tag
</body>agar loading lebih cepat. - Untuk script CSS, letakkan sebelum
</head>. - Simpan template.
Menaruh script di Template memberikan kontrol penuh, tetapi harus berhati-hati karena salah penempatan bisa menyebabkan error pada tampilan blog.
4. Memasang di Widget HTML / Gadget HTML
Ini adalah cara paling mudah dan aman, cocok untuk script yang ingin tampil pada area sidebar, footer, atau bagian tertentu.
Langkah-langkah:
- Buka Blogger → Tata Letak.
- Pilih lokasi widget (Sidebar, Footer, Header).
- Klik Tambah Gadget.
- Pilih HTML/JavaScript.
- Tempelkan script Anda di kolom yang muncul.
- Simpan.
Widget HTML ideal untuk script kecil seperti:
- tombol klik
- counter visitor
- iklan
- tool sederhana
- shortcode
Kesimpulan
Menentukan lokasi pemasangan script sangat penting agar tool encrypted & decrypted bekerja maksimal dan sesuai fungsi. Jika tool hanya untuk satu artikel, pasang di postingan. Jika ingin halaman khusus, gunakan halaman statis. Jika ingin seluruh blog terpengaruh, pasang di template. Jika ingin praktis, gunakan widget HTML.
klik untuk menyalin
👇
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>HTML Encrypt Tool - Ready</title>
<style>
:root{--bg:#f6f6f6;--card:#fff;--muted:#666 --border: #E0E0E0;--accent: linear-gradient(90deg, #2196F3, #00BCD4);
}
@media (prefers-color-scheme: dark) {
:root {
--bg: #121212;
--card: #1E1E1E;
--text: #EAEAEA;
--border: #333;
--accent: linear-gradient(90deg, #00BCD4, #2196F3);
}
}}
body{font-family:system-ui,Segoe UI,Roboto,Arial; background:var(--bg); padding:18px}
.wrap{max-width:980px;margin:0 auto}box-sizing: border-box;}
.card{background:var(--card);padding:14px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.06);margin-bottom:14px}
textarea{width:100%;min-height:200px;padding:10px;border:1px solid #ddd;border-radius:6px;resize:vertical}
.row{display:flex;gap:10px;flex-wrap:wrap}
.col{flex:1 1 200px}
header {
width: 100%;
background: var(--accent);
color: white;
text-align: center;
padding: 15px 0;
font-size: 1.3em;
font-weight: 500;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
footer {
margin-top: auto;
padding: 10px;
text-align: center;
color: #777;
font-size: 0.9em;
}
button{padding:8px 10px;border-radius:6px;border:0;background:#2b6ef6;color:#fff;cursor:pointer}
button.alt{background:#4a4a4a}
.tiny{font-size:13px;color:var(--muted);margin-top:6px}
.opts span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;background:#efefef;border-radius:6px;margin-right:6px}
a.btnlink{display:inline-block;padding:8px 10px;background:#2b6ef6;color:#fff;border-radius:6px;text-decoration:none}
</style>
</head>
<body>
<header>HTML Encrypt / Decrypt Tool</header>
<div class="wrap">
<div class="card">
<p class="tiny">Upload HTML atau paste langsung. Pilih Normal / Full encoding.</p>
<div class="row" style="margin-bottom:10px;">
<div class="col">
<label>Upload HTML file:</label><br>
<input type="file" id="inpFile" accept=".html,text/html,text/plain">
</div>
<div class="col opts" style="align-items:center">
<span><input type="radio" name="enctype" id="fcc" checked> <label for="fcc">Normal encoding</label></span>
<span><input type="radio" name="enctype" id="fencr"> <label for="fencr">Full encoding</label></span>
</div>
</div>
<div class="card" style="background:#fbfbfb">
<label>Input HTML (paste or loaded file):</label>
<textarea id="cd-enc" placeholder="Paste HTML here..."></textarea>
</div>
<div style="margin-top:10px" class="row">
<div>
<button id="generate">Encrypt</button>
<button id="clr" class="alt">Clear</button>
</div>
<div style="margin-left:auto">
<a href="#" id="cdd" class="btnlink" download="encrypt.html">Download Code</a>
</div>
</div>
</div>
<div class="card">
<label>Output (terenkripsi / didecrypt):</label>
<textarea id="dcd-enc" placeholder="Hasil akan muncul di sini..."></textarea>
<div>
<button id="dnc" class="alt">Decrypt</button>
<button id="copy_co" class="alt">Copy</button>
</div>
<div class="tiny">Jika ingin men decrypt html, maka masukan kode di kotak output lalu tekan tombol decrypt</div>
</div>
</div>
<footer>Made with ❤️ by Mang Ayi Service</footer>
<script>
(function(){
// helper: full percent-encode each char
function fullEncode(s){
var out = '';
for(var i=0;i<s.length;i++){
var h = s.charCodeAt(i).toString(16).toUpperCase();
if(h.length < 2) h = '0' + h;
out += '%' + h;
}
return out;
}
// helper: safe encode for normal (URI)
function normalEncode(s){
// encodeURIComponent already percent-encodes; ensure single quote safe
return encodeURIComponent(s).replace(/'/g, "%27");
}
// build final wrapper like example
function wrapScript(encoded){
// ensure any single quotes are percent-encoded (we encoded them)
return '<script>\n<!-- code by https://bloggertool-ayiedadev.blogspot.com -->\n' +
"document.write(unescape('" + encoded + "'))\n" +
'<\/script>\n';
}
// file upload
var inpFile = document.getElementById('inpFile');
var cdenc = document.getElementById('cd-enc');
var dcdenc = document.getElementById('dcd-enc');
var generate = document.getElementById('generate');
var dnc = document.getElementById('dnc');
var clr = document.getElementById('clr');
var copy_co = document.getElementById('copy_co');
var prv = document.getElementById('prv');
var cdd = document.getElementById('cdd');
inpFile.addEventListener('change', function(e){
var f = this.files && this.files[0];
if(!f) return;
var reader = new FileReader();
reader.onload = function(){
cdenc.value = reader.result;
};
reader.readAsText(f);
});
generate.addEventListener('click', function(){
var html = cdenc.value || '';
if(!html.trim()){
alert('Masukkan HTML dulu!');
return;
}
var full = document.getElementById('fencr').checked;
var encoded = full ? fullEncode(html) : normalEncode(html);
var wrapped = wrapScript(encoded);
dcdenc.value = wrapped;
// prepare download blob
var blob = new Blob([wrapped], {type:'text/html'});
var url = URL.createObjectURL(blob);
cdd.href = url;
cdd.download = 'encrypted.html';
});
// Decrypt: try to extract content inside unescape('...') and decode
dnc.addEventListener('click', function(){
var v = dcdenc.value || '';
var m = v.match(/unescape\(\s*'([\s\S]*)'\s*\)/i);
if(!m){
// if raw encoded text present, try to decode entire textarea
try {
// try decodeURIComponent directly
dcdenc.value = decodeURIComponent(v);
} catch(e){
alert('Tidak menemukan pola terenkripsi atau dekripsi gagal.');
}
return;
}
var enc = m[1];
// Try decodeURIComponent; if fails because of %XX only, decodeURIComponent works too
try {
dcdenc.value = decodeURIComponent(enc);
} catch(e){
// fallback: percent decode via parsing bytes
try {
// replace + with space then decode
dcdenc.value = decodeURIComponent(enc.replace(/\+/g,' '));
} catch(er){
alert('Gagal dekripsi: format tidak dikenali.');
}
}
});
// Clear
clr.addEventListener('click', function(){
cdenc.value = '';
dcdenc.value = '';
inpFile.value = '';
cdd.removeAttribute('href');
});
// Copy
copy_co.addEventListener('click', function(e){
e.preventDefault();
var val = dcdenc.value || '';
if(!val){ alert('Tidak ada yang di-copy!'); return; }
navigator.clipboard && navigator.clipboard.writeText ?
navigator.clipboard.writeText(val).then(function(){ alert('Copied!'); }, function(){ fallbackCopy(val); }) :
fallbackCopy(val);
});
function fallbackCopy(text){
var ta = document.createElement('textarea');
ta.value = text; document.body.appendChild(ta);
ta.select(); try{ document.execCommand('copy'); alert('Copied!'); }catch(e){ alert('Copy gagal.'); }
document.body.removeChild(ta);
}
// Preview: open new window and write decoded (not the wrapper) content
prv.addEventListener('click', function(){
var v = dcdenc.value || '';
// if wrapper present, extract and decode
var m = v.match(/unescape\(\s*'([\s\S]*)'\s*\)/i);
var content = '';
if(m && m[1]){
try { content = decodeURIComponent(m[1]); }
catch(e){ try { content = decodeURIComponent(m[1].replace(/\+/g,' ')); } catch(e2){ content = ''; } }
} else {
// no wrapper, assume textarea is raw HTML
content = v;
}
if(!content.trim()){ alert('Tidak ada yang dapat dipreview!'); return; }
var w = window.open('','_blank');
w.document.open();
w.document.write(content);
w.document.close();
});
// allow pressing Ctrl+Enter to generate
cdenc.addEventListener('keydown', function(e){
if(e.ctrlKey && e.key === 'Enter') generate.click();
});
// init: nothing else
})();
</script>
</body>
</html>
Komentar untuk Kode script tool encrypted & decrypted