Memasang Tool Obfuscate dan Deobfuscate di blog - Tutorial lengkap

Bagi kalian para blogger tentunya sudah tidak asing lagi dengan Alat alat bantu (TOOL) yang sering digunakan dalam proses pembuatan kode, web,template, atau yang lainnya di dunia blogging. seperti halnya Tool Editor HTML untuk mempermudah pembuatan dan mengedit kode html, Tool Parse/escape HTML sebagai alat pengurai kode html, Tool Encrypted HTML, Tool Obfuscate dan Deobfuscate, dll.

Disini saya akan membahas cara memasang Tool Obfuscate dan Deobfuscate di blog ataupun web lainnya.

Cara Memasang Tool Obfuscate dan Deobfuscate di blogspot

Sebelum ke pembahasan utama untuk tutorial cara memasang Tool tersebut, mungkin perlu sedikit teman teman tau dulu kegunaan dan fungsi dari Tool Obfuscate dan Deobfuscate ini. Tool ini berguna untuk menyamarkan kode script atau kode HTML dengan tujuan menjaga kerahasiaan kode dari orang orang yang tidak bertanggung jawab ketika kode yang kita pasang di halaman web di cloning untuk hal yang tidak baik.

Penjelasan lengkap tentang Tool ini, kamu bisa lihat pada artikel sebelumnya di halaman Pembahasan Obfuscate dan Deobfuscate HTML .

Persiapan Pemasangan Tool di blogspot

Hal pertama Login ke blogger, lalu buat tentukan pilihan tempat dimana kamu mau memasang atau menampilkan Tool Obfuscate dan Deobfuscate ini

Menampilkan di halaman Posting

Buat postingan baru atau tekan tanda + untuk membuat

Dalam editor postingan,pilih jenis edit html bukan compose/text.

Tambah judul sesuai kebutuhan misal Tool Obfuscate dan Deobfuscate

Salin dan tempel kode script yang sudah saya sediakan di bawah pada bidang editor post

(Optional) kamu bisa menambahkan label ataupun deskripsi sesuai keinginan

Terbitkan atau publikasikan post

Dan lihat postingan mu.

Menampilkan di halaman statis

Buat halaman baru atau tekan tanda + untuk membuat

Dalam editor postingan,pilih jenis edit html bukan compose/text.

Tambah judul sesuai kebutuhan misal Tool Obfuscate dan Deobfuscate

Salin dan tempel kode script yang sudah saya sediakan di bawah pada bidang editor post

(Optional) kamu bisa menambahkan deskripsi sesuai keinginan

Terbitkan atau publikasikan halaman

Dan lihat postingan mu.

Menampilkan Tool di widget blog

Untuk pemasangan tool di dalam widget berbeda dengan 2 cara diatas,

kamu masuk ke tab menu blogger

Pilih Tata Letak

Tambah gadget HTML dan pilih HTML/Javascript

Tempel kode lalu simpan

lihat hasilnya.

Kode script Tool Obfuscate dan Deobfuscate

berikut ini kode script yang dibutuhkan, yang siap di salin dan digunakan untuk kebutuhan.

📢 pilih konten untuk menutup

Konten Tersedia

siap untuk di salin.

<style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; text-align: center; padding: 20px; } textarea { width: 80%; height: 150px; margin: 10px 0; padding: 10px; font-size: 16px; } button { margin: 5px; padding: 10px 20px; font-size: 16px; cursor: pointer; } .output { margin-top: 20px; font-size: 16px; word-wrap: break-word; } </style> <h1>Obfuscate & Deobfuscate Tool</h1> <textarea id="input" placeholder="Masukkan kode di sini..."></textarea><br> <button onclick="obfuscate()">Obfuscate</button> <button onclick="deobfuscate()">Deobfuscate</button> <div class="output"> <h3>Output:</h3> <textarea id="output" readonly></textarea> </div> <script> function obfuscate() { const input = document.getElementById('input').value.trim(); if (!input) { alert("Masukkan kode untuk di-obfuscate!"); return; } const obfuscated = btoa(unescape(encodeURIComponent(input))); const formattedOutput = `<div class="obfuscated">${obfuscated}</div><br/>TEMPEL_SCRIPT_TAMBAHANNYA_DISINI`; document.getElementById('output').value = formattedOutput; } function deobfuscate() { const input = document.getElementById('input').value.trim(); if (!input) { alert("Masukkan kode untuk di-deobfuscate!"); return; } try { const deobfuscated = decodeURIComponent(escape(atob(input))); document.getElementById('output').value = deobfuscated; } catch { document.getElementById('output').value = "Input tidak valid untuk deobfuscation!"; } } </script> Code by: <style> @keyframes shine { 0% { background-position: 0% 0; } 100% { background-position: -200% 0; } } </style> <a href="https://ayi-service.blogspot.com" target="_blank" style="background: linear-gradient(60deg, #333, #222, #eee); background-size: 300% 10%; color: #fff; border: none; padding: 8px 18px; font-size: 14px; text-decoration: none; border-radius: 10px; cursor: pointer; animation: shine 5s linear infinite;">Mang Ayi Service</a>

---

🎮 Demo Script

Klik tombol di bawah untuk mencoba:

Selanjutnya setelah Tool terpasang kita masih membutuhkan satu script lagi untuk bisa menampilkan kode yang sudah di obfuscate tadi. dan script ini nantinya akan di tempel di bawah hasil kode obfuscatenya

Contoh penerapan kode setelah d obfuscate

kode html asli sebelum di obfuscate <a href="https://safelink-aza.blogspot.com">Safelink Generator</a>

setelah di obfuscate enjadi <div class="obfuscated">PGEgaHJlZj0iaHR0cHM6Ly9zYWZlbGluay1hemEuYmxvZ3Nwb3QuY29tIj5TYWZlbGluayBHZW5lcmF0b3I8L2E+</div><br/>TEMPEL_SCRIPT_TAMBAHANNYA_DISINI

Pada kode script yang sudah d obfuscate,disana sudah ada teks kalimat TEMPEL_SCRIPT_TAMBAHANNYA_DISINI, disini kode tambahan harus di tempel agar kode berjalan jika di gunakan dan hasilnya akan menjadi seperti ini

<div class="obfuscated">PGEgaHJlZj0iaHR0cHM6Ly9zYWZlbGluay1hemEuYmxvZ3Nwb3QuY29tIj5TYWZlbGluayBHZW5lcmF0b3I8L2E+</div><br/><script type="text/javascript">
        //<![CDATA[
        (function() {
        function _0x12a5() {
        var _0x2766 = ['atob', 'escape', 'decodeURIComponent'];
        _0x12a5 = function() { return _0x2766; };
        return _0x12a5();
        }

        var _0x3548 = function(_0x234b4b, _0x158d52) {
        var _0x12a543 = _0x12a5();
        return _0x3548 = function(_0x3548b4, _0x2865b0) {
        _0x3548b4 = _0x3548b4 - 0x0;
        var _0x31400b = _0x12a543[_0x3548b4];
        return _0x31400b;
        }, _0x3548(_0x234b4b, _0x158d52);
        };

        function decodeBase64(_0x123456) {
        return decodeURIComponent(escape(atob(_0x123456)));
        }

        document.addEventListener("DOMContentLoaded", function() {
        const elements = document.querySelectorAll(".obfuscated");
        elements.forEach(function(element) {
        const encodedContent = element.textContent.trim();
        element.outerHTML = decodeBase64(encodedContent);
        });
        });
        })();
        //]]>
        </script>

Salin dan tempel di dalam halaman Tool yang sudah kamu buat tadi script tambahan ini agar bisa d copy kembali oleh pengguna lain ataupun kamu sendiri yang mau menggunakan Tool tersebut.

Kode Script Tambahan

<script type="text/javascript"> //<![CDATA[ (function() { function _0x12a5() { var _0x2766 = ['atob', 'escape', 'decodeURIComponent']; _0x12a5 = function() { return _0x2766; }; return _0x12a5(); } var _0x3548 = function(_0x234b4b, _0x158d52) { var _0x12a543 = _0x12a5(); return _0x3548 = function(_0x3548b4, _0x2865b0) { _0x3548b4 = _0x3548b4 - 0x0; var _0x31400b = _0x12a543[_0x3548b4]; return _0x31400b; }, _0x3548(_0x234b4b, _0x158d52); }; function decodeBase64(_0x123456) { return decodeURIComponent(escape(atob(_0x123456))); } document.addEventListener("DOMContentLoaded", function() { const elements = document.querySelectorAll(".obfuscated"); elements.forEach(function(element) { const encodedContent = element.textContent.trim(); element.outerHTML = decodeBase64(encodedContent); }); }); })(); //]]> </script>

penutup

Seperti itu ya teman teman tutorial cara pemasangan Tool obfuscate dan deobfuscate tadi, semoga tool nya berguna untuk kamu yang senang dalam hal edit kode, jija ada hal yang kurang dimengerti bisa di diskusikan di kolom komentar atau bisa langsung japri saya di halaman Contact.