Pendahuluan
JavaScript Obfuscator adalah alat yang digunakan untuk memproteksi skrip agar tidak mudah dicuri atau dimodifikasi oleh orang lain secara langsung. Skrip ini bekerja dengan cara mengubah teks asli menjadi kode entitas atau format HEX yang dibungkus dalam fungsi unescape dan eval. Dengan cara ini, kode tetap fungsional namun sulit dibaca oleh mata awam.
JS Code Obfuscator
Kode berhasil diproses!
Script by ignielogy
Cara Penggunaan
- Input: Masukkan kode JavaScript murni Anda ke dalam kotak teks (contoh:
alert('Halo Ignielogy');). - Proses: Tekan tombol Obfuscate. Alat akan mengonversi teks Anda menjadi deretan HEX.
- Hasil: Gunakan kode hasil tersebut (yang diawali dengan
eval(unescape(...))) di dalam template blog atau postingan Anda.
Kelebihan Alat Ini
- Desain Universal: Menggunakan skema warna transparan (rgba) yang mendukung Light Mode dan Dark Mode secara otomatis.
- Proteksi Lisensi: Skrip dilengkapi dengan validasi credit ignielogy untuk menjaga orisinalitas.
- Performa Ringan: Dibuat dengan Vanilla JavaScript tanpa beban library eksternal, sehingga loading halaman tetap kencang.
- Tipografi Premium: Menggunakan font Plus Jakarta Sans untuk tampilan profesional.
Langkah 1: Persiapan di Blogger
- Login ke dasbor Blogger Anda.
- Pilih menu Halaman (Pages) untuk membuat alat permanen, atau Postingan (Posts) jika ingin menjadikannya sebagai artikel tutorial.
- Klik tombol Halaman Baru atau Postingan Baru.
- Ubah mode penulisan dari "Tampilan Menulis" menjadi Tampilan HTML dengan mengklik ikon pensil di pojok kiri atas editor.
Langkah 2: Memasang Antarmuka dan Desain (HTML & CSS)
Salin dan tempelkan kode berikut ke dalam editor HTML Anda. Kode ini mencakup struktur kotak input dan desain glassmorphism premium yang adaptif terhadap mode terang maupun gelap.
<div class="obs-wrapper">
<h3>JS Code Obfuscator</h3>
<textarea id="jsInput" placeholder="Tempelkan kode JavaScript Anda di sini..."></textarea>
<div class="btn-group">
<button class="btn-obs" onclick="obfuscateJS();">Obfuscate</button>
<button class="btn-sec" onclick="copyResult();">Copy</button>
<button class="btn-sec" onclick="clearInput();">Clear</button>
</div>
<div id="obs-anim">Kode berhasil diproses!</div>
<div class="obs-credit">Script by <span>ignielogy</span></div>
</div>
<style>
/* JS Obfuscator Script by Ignielogy */
.obs-wrapper { max-width: 650px; margin: 30px auto; padding: 25px; background: rgb(128 128 128 / .05); border-radius: 24px; box-shadow: 0 10px 30px rgb(0 0 0 / .1); font-family: 'Plus Jakarta Sans', sans-serif; border: 1px solid rgb(128 128 128 / .15); transition: all 0.3s ease; position: relative; color: inherit; }
.obs-wrapper h3 { margin-top: 0; color: inherit; font-size: 22px; text-align: center; margin-bottom: 20px; font-weight: 800; letter-spacing: -0.5px; }
#jsInput { width: 100%; height: 220px; padding: 15px; border: 1px solid rgb(128 128 128 / .2); border-radius: 16px; background-color: rgb(128 128 128 / .03); color: inherit; font-family: 'Monaco', 'Consolas', monospace; font-size: 13px; resize: vertical; box-sizing: border-box; transition: all 0.3s ease; outline: none; }
#jsInput:focus { border-color: #a855f7; background-color: rgba(168, 85, 247, 0.02); box-shadow: 0 0 12px rgba(168, 85, 247, 0.15); }
.btn-group { display: flex; gap: 12px; margin-top: 20px; flex-wrap: wrap; }
.btn-obs { flex: 2; background: linear-gradient(135deg, #a855f7, #7e22ce); color: #ffffff; border: none; padding: 14px 20px; border-radius: 14px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }
.btn-obs:hover { filter: brightness(1.1); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(168, 85, 247, 0.3); }
.btn-sec { flex: 1; background: rgb(128 128 128 / .15); color: inherit; border: none; padding: 14px 15px; border-radius: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; font-size: 14px; }
.btn-sec:hover { background: rgb(128 128 128 / .25); }
.obs-credit { display: block; font-size: 10px; text-align: right; margin-top: 20px; opacity: 0.6; font-weight: 700; color: inherit; text-transform: uppercase; letter-spacing: 1.5px; }
.obs-credit span { color: #a855f7; }
#obs-anim { display: none; font-size: 13px; color: #10b981; text-align: center; margin-top: 12px; font-weight: 700; animation: obsFadeIn 0.4s; }
@keyframes obsFadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
</style>Langkah 3: Menambahkan Logika Pengamanan (JavaScript)
Langkah terakhir adalah memasukkan skrip pengolah data agar tombol berfungsi. Pastikan bagian ini tidak dihapus agar validasi kredit tetap berjalan.
<script type="text/javascript">
/**
* LICENSE & CREDIT CONFIGURATION
* Shared by: https://ignielogy.blogspot.com
*/
const ignielogyConfig = {
sharedBy: 'https://ignielogy.blogspot.com',
owner: 'ignielogy'
};
eval(String.fromCharCode(102,117,110,99,116,105,111,110,32,99,104,101,99,107,73,110,116,101,103,114,105,116,121,40,41,32,123,10,32,32,32,32,105,102,32,40,116,121,112,101,111,102,32,105,103,110,105,101,108,111,103,121,67,111,110,102,105,103,32,61,61,61,32,39,117,110,100,101,102,105,110,101,100,39,32,124,124,32,105,103,110,105,101,108,111,103,121,67,111,110,102,105,103,46,115,104,97,114,101,100,66,121,32,33,61,61,32,39,104,116,116,112,115,58,47,47,105,103,110,105,101,108,111,103,121,46,98,108,111,103,115,112,111,116,46,99,111,109,39,41,32,123,10,32,32,32,32,32,32,32,32,97,108,101,114,116,40,34,73,110,116,101,103,114,105,116,121,32,69,114,114,111,114,58,32,67,114,101,100,105,116,32,116,97,109,112,101,114,101,100,46,32,80,108,101,97,115,101,32,117,115,101,32,116,104,101,32,111,114,105,103,105,110,97,108,32,115,99,114,105,112,116,32,102,114,111,109,32,105,103,110,105,101,108,111,103,121,46,98,108,111,103,115,112,111,116,46,99,111,109,34,41,59,10,32,32,32,32,32,32,32,32,114,101,116,117,114,110,32,102,97,108,115,101,59,10,32,32,32,32,125,10,32,32,32,32,114,101,116,117,114,110,32,116,114,117,101,59,10,125,10,10,102,117,110,99,116,105,111,110,32,111,98,102,117,115,99,97,116,101,74,83,40,41,32,123,10,32,32,32,32,105,102,32,40,33,99,104,101,99,107,73,110,116,101,103,114,105,116,121,40,41,41,32,114,101,116,117,114,110,59,10,10,32,32,32,32,99,111,110,115,116,32,105,110,112,117,116,32,61,32,100,111,99,117,109,101,110,116,46,103,101,116,69,108,101,109,101,110,116,66,121,73,100,40,34,106,115,73,110,112,117,116,34,41,59,10,32,32,32,32,108,101,116,32,99,111,100,101,32,61,32,105,110,112,117,116,46,118,97,108,117,101,46,116,114,105,109,40,41,59,10,10,32,32,32,32,105,102,32,40,33,99,111,100,101,41,32,123,10,32,32,32,32,32,32,32,32,115,104,111,119,70,101,101,100,98,97,99,107,40,34,77,97,115,117,107,107,97,110,32,107,111,100,101,32,116,101,114,108,101,98,105,104,32,100,97,104,117,108,117,33,34,44,32,34,35,102,52,51,102,53,101,34,41,59,10,32,32,32,32,32,32,32,32,114,101,116,117,114,110,59,10,32,32,32,32,125,10,10,32,32,32,32,116,114,121,32,123,10,32,32,32,32,32,32,32,32,47,47,32,77,101,116,111,100,101,32,67,104,97,114,67,111,100,101,58,32,76,101,98,105,104,32,97,109,97,110,32,100,97,110,32,39,87,111,114,107,39,32,100,105,32,115,101,109,117,97,32,98,114,111,119,115,101,114,47,66,108,111,103,103,101,114,10,32,32,32,32,32,32,32,32,99,111,110,115,116,32,99,104,97,114,67,111,100,101,115,32,61,32,99,111,100,101,46,115,112,108,105,116,40,39,39,41,46,109,97,112,40,99,104,97,114,32,61,62,32,99,104,97,114,46,99,104,97,114,67,111,100,101,65,116,40,48,41,41,59,10,32,32,32,32,32,32,32,32,99,111,110,115,116,32,101,110,99,111,100,101,100,32,61,32,99,104,97,114,67,111,100,101,115,46,106,111,105,110,40,39,44,39,41,59,10,32,32,32,32,32,32,32,32,10,32,32,32,32,32,32,32,32,47,47,32,77,101,109,98,117,110,103,107,117,115,32,104,97,115,105,108,32,100,97,108,97,109,32,101,118,97,108,32,97,103,97,114,32,98,105,115,97,32,100,105,106,97,108,97,110,107,97,110,32,108,97,110,103,115,117,110,103,10,32,32,32,32,32,32,32,32,105,110,112,117,116,46,118,97,108,117,101,32,61,32,34,101,118,97,108,40,83,116,114,105,110,103,46,102,114,111,109,67,104,97,114,67,111,100,101,40,34,32,43,32,101,110,99,111,100,101,100,32,43,32,34,41,41,34,59,10,32,32,32,32,32,32,32,32,10,32,32,32,32,32,32,32,32,115,104,111,119,70,101,101,100,98,97,99,107,40,34,75,111,100,101,32,98,101,114,104,97,115,105,108,32,100,105,45,111,98,102,117,115,99,97,116,101,33,34,44,32,34,35,49,48,98,57,56,49,34,41,59,10,32,32,32,32,125,32,99,97,116,99,104,32,40,101,41,32,123,10,32,32,32,32,32,32,32,32,115,104,111,119,70,101,101,100,98,97,99,107,40,34,71,97,103,97,108,32,109,101,109,112,114,111,115,101,115,32,107,111,100,101,33,34,44,32,34,35,102,52,51,102,53,101,34,41,59,10,32,32,32,32,125,10,125,10,10,102,117,110,99,116,105,111,110,32,99,111,112,121,82,101,115,117,108,116,40,41,32,123,10,32,32,32,32,99,111,110,115,116,32,99,111,112,121,65,114,101,97,32,61,32,100,111,99,117,109,101,110,116,46,103,101,116,69,108,101,109,101,110,116,66,121,73,100,40,34,106,115,73,110,112,117,116,34,41,59,10,32,32,32,32,105,102,32,40,99,111,112,121,65,114,101,97,46,118,97,108,117,101,32,61,61,61,32,34,34,41,32,114,101,116,117,114,110,59,10,32,32,32,32,10,32,32,32,32,99,111,112,121,65,114,101,97,46,115,101,108,101,99,116,40,41,59,10,32,32,32,32,99,111,112,121,65,114,101,97,46,115,101,116,83,101,108,101,99,116,105,111,110,82,97,110,103,101,40,48,44,32,57,57,57,57,57,41,59,32,47,47,32,85,110,116,117,107,32,112,101,114,97,110,103,107,97,116,32,109,111,98,105,108,101,10,10,32,32,32,32,116,114,121,32,123,10,32,32,32,32,32,32,32,32,100,111,99,117,109,101,110,116,46,101,120,101,99,67,111,109,109,97,110,100,40,34,99,111,112,121,34,41,59,10,32,32,32,32,32,32,32,32,115,104,111,119,70,101,101,100,98,97,99,107,40,34,75,111,100,101,32,100,105,115,97,108,105,110,32,107,101,32,99,108,105,112,98,111,97,114,100,33,34,44,32,34,35,56,49,56,99,102,56,34,41,59,10,32,32,32,32,125,32,99,97,116,99,104,32,40,101,114,114,41,32,123,10,32,32,32,32,32,32,32,32,97,108,101,114,116,40,34,71,97,103,97,108,32,109,101,110,121,97,108,105,110,32,107,111,100,101,46,34,41,59,10,32,32,32,32,125,10,125,10,10,102,117,110,99,116,105,111,110,32,99,108,101,97,114,73,110,112,117,116,40,41,32,123,10,32,32,32,32,100,111,99,117,109,101,110,116,46,103,101,116,69,108,101,109,101,110,116,66,121,73,100,40,34,106,115,73,110,112,117,116,34,41,46,118,97,108,117,101,32,61,32,34,34,59,10,32,32,32,32,115,104,111,119,70,101,101,100,98,97,99,107,40,34,73,110,112,117,116,32,100,105,98,101,114,115,105,104,107,97,110,33,34,44,32,34,35,57,52,97,51,98,56,34,41,59,10,125,10,10,102,117,110,99,116,105,111,110,32,115,104,111,119,70,101,101,100,98,97,99,107,40,116,101,120,116,44,32,99,111,108,111,114,41,32,123,10,32,32,32,32,99,111,110,115,116,32,109,115,103,32,61,32,100,111,99,117,109,101,110,116,46,103,101,116,69,108,101,109,101,110,116,66,121,73,100,40,34,111,98,115,45,97,110,105,109,34,41,59,10,32,32,32,32,109,115,103,46,105,110,110,101,114,84,101,120,116,32,61,32,116,101,120,116,59,10,32,32,32,32,109,115,103,46,115,116,121,108,101,46,99,111,108,111,114,32,61,32,99,111,108,111,114,59,10,32,32,32,32,109,115,103,46,115,116,121,108,101,46,100,105,115,112,108,97,121,32,61,32,34,98,108,111,99,107,34,59,10,32,32,32,32,115,101,116,84,105,109,101,111,117,116,40,40,41,32,61,62,32,123,32,10,32,32,32,32,32,32,32,32,109,115,103,46,115,116,121,108,101,46,100,105,115,112,108,97,121,32,61,32,34,110,111,110,101,34,59,32,10,32,32,32,32,125,44,32,50,53,48,48,41,59,10,125))
</script>
Tutorial ini dipersembahkan oleh Ignielogy untuk seluruh komunitas Blogger Indonesia agar dapat berbagi script dengan lebih aman dan elegan.
