Share to Unlock Blogger dengan Password dan Enkripsi Konten
Membagikan source code, widget, link download, atau materi khusus melalui Blogger terkadang membutuhkan cara yang lebih menarik daripada sekadar menampilkan semuanya secara terbuka. Karena itu saya membuat CodeFlare Share Lock, sebuah sistem untuk melindungi bagian tertentu dari artikel menggunakan enkripsi sekaligus memberi beberapa pilihan akses seperti share ke sosial media atau memasukkan password.
Konsepnya dibuat sesederhana mungkin untuk pengguna Blogger. Anda tidak perlu menjalankan server sendiri dan tidak perlu memasang file CSS terpisah. Engine Share Lock berbentuk satu file JavaScript yang sekaligus membawa tampilan, animasi, proses unlock, penyimpanan akses, dekripsi, dan rendering konten.
Konten yang dilindungi juga bukan hanya disembunyikan menggunakan display:none. Generator mengubahnya menjadi ciphertext sehingga ketika halaman dilihat melalui View Source, HTML asli tidak langsung terlihat.
Fitur ini saya buat sebagai proteksi praktis sekaligus engagement tool. Sistem client-side tentu bukan DRM yang mustahil dianalisis, tetapi cukup menarik untuk melindungi bonus artikel, source code, link khusus, widget, atau materi yang tidak ingin langsung terlihat oleh scraper sederhana dan sistem AGC.
CodeFlare Share Lock adalah content locker untuk Blogger yang mendukung enkripsi konten, domain binding, Share to Unlock, Password to Unlock, batas percobaan password, cooldown, durasi akses, dan rendering HTML CSS JavaScript setelah konten berhasil dibuka.
Cara Kerja CodeFlare Share Lock
Sistem ini mempunyai dua komponen berbeda, yaitu Share Lock Engine dan Share Lock Generator.
Generator digunakan oleh pemilik blog untuk memasukkan HTML atau konten yang ingin dilindungi. Generator kemudian membuat data terenkripsi dan menghasilkan kode Blogger siap pakai.
Share Lock Engine dipasang pada blog pengguna. Engine inilah yang membaca ciphertext, membuat tampilan lock, menangani proses share atau password, menyimpan status akses, melakukan dekripsi, lalu merender konten ketika syarat unlock sudah terpenuhi.
Fitur Utama Share Lock Blogger
Saya sengaja membuat engine tetap praktis karena target utamanya adalah Blogger. Pengguna cukup memasang satu JavaScript tanpa harus memikirkan stylesheet tambahan.
Empat Pilihan Metode Unlock
Tidak semua blog membutuhkan sistem akses yang sama. Karena itu generator menyediakan beberapa mode unlock.
Mode Share OR Password menurut saya menjadi salah satu pilihan paling fleksibel. Pembaca biasa tetap dapat memperoleh akses dengan membagikan artikel, sedangkan member atau pelanggan yang sudah mempunyai password dapat membuka konten langsung.
Password dengan Attempt dan Cooldown
Untuk mode password, generator dapat menentukan jumlah maksimal percobaan. Default yang saya gunakan adalah tiga kali.
Jika password salah sebanyak tiga kali, input password akan dinonaktifkan sementara. Pengunjung kemudian melihat countdown sebelum dapat mencoba kembali.
Cooldown default adalah lima menit dan statusnya disimpan di browser. Jadi sekadar refresh halaman tidak langsung menghapus batas percobaan.
Pengaturan ini tetap merupakan proteksi client-side sehingga jangan dianggap sebagai sistem autentikasi server. Tujuannya adalah membuat mekanisme akses lebih rapi dan sedikit lebih sulit disalahgunakan.
Konten Tidak Hanya Disembunyikan
Content locker sederhana biasanya memasukkan konten asli ke halaman kemudian menyembunyikannya dengan CSS. Cara seperti itu sangat mudah ditemukan melalui Inspect Element atau View Source.
Share Lock menggunakan pendekatan berbeda. Generator membuat payload seperti berikut:
Data tersebut merupakan ciphertext. HTML asli baru tersedia setelah payload berhasil melalui proses decrypt di browser.
Format ini bukan berarti mustahil dianalisis oleh seseorang yang benar-benar memahami JavaScript dan Web Crypto. Namun untuk View Source biasa, copy-paste, atau scraper sederhana, konten asli tidak langsung tersedia sebagai HTML terbaca.
Cipher Terikat dengan Domain Blog
Generator juga meminta domain blog. Informasi hostname digunakan sebagai salah satu komponen pembentukan kunci.
Misalnya ciphertext dibuat untuk:
Jika blok yang sama disalin secara otomatis ke domain lain, hostname berubah. Engine kemudian tidak dapat menggunakan konteks domain yang sama untuk membuka payload tersebut.
Pada kondisi ini Share Lock dapat menampilkan status:
Fitur ini tidak menghentikan semua jenis scraping, tetapi berguna sebagai lapisan tambahan terhadap AGC atau copy-paste otomatis yang hanya mengambil isi halaman.
Atur Berapa Lama Konten Tetap Terbuka
Setelah pengunjung berhasil unlock, pemilik blog dapat menentukan berapa lama akses tersebut disimpan.
Contohnya, jika durasi ditentukan satu hari, pembaca yang sudah membuka konten tidak perlu melakukan share atau memasukkan password lagi selama periode tersebut pada browser yang sama.
Satu Artikel Bisa Memiliki Banyak Lock
Share Lock tidak dibatasi satu instance per halaman. Anda dapat mengunci source code, download, dan bonus tambahan secara terpisah.
<div class="cfShareLock" data-id="download-file"> CF1|ENCRYPTED_DATA_02 </div>
<div class="cfShareLock" data-id="bonus-widget"> CF1|ENCRYPTED_DATA_03 </div>
Setiap Content ID diproses secara independen. Jika ciphertext pada satu lock rusak, engine menangkap error tersebut hanya pada instance bersangkutan.
Dengan error isolation seperti ini, satu lock bermasalah tidak menghentikan lock lain dalam artikel.
Konten Hasil Decrypt Dirender di Luar Kotak Lock
Salah satu hal yang saya anggap penting adalah posisi konten setelah berhasil dibuka.
Konten hasil decrypt tidak dimasukkan ke dalam wrapper desain Share Lock. Engine otomatis membuat container hasil sebagai sibling dari elemen lock.
Setelah sukses, box Share Lock melakukan fade-out kemudian konten asli muncul di luar wrapper tersebut.
Hal ini mengurangi risiko CSS seperti padding, overflow, grid, atau warna milik Share Lock merusak layout HTML yang sebelumnya dienkripsi.
Bisakah HTML CSS dan JavaScript Tetap Berjalan?
Bisa. Protected content dapat berisi struktur HTML, tag <style>, bahkan JavaScript.
HTML dan CSS dapat dirender setelah decrypt. Untuk JavaScript, engine mempunyai proses executable content yang membuat ulang elemen <script> sehingga script dapat berjalan setelah konten dimunculkan.
Karena itu fitur ini dapat digunakan untuk melindungi komponen yang lebih kompleks seperti:
Mode executable hanya sebaiknya digunakan untuk kode yang dibuat atau dipercaya sendiri. Menjalankan JavaScript dari sumber yang tidak dikenal tetap mempunyai risiko keamanan.
Opsi 1 Pasang Engine Sekali di Template Blogger
Jika Share Lock akan sering digunakan, saya lebih menyarankan memasang engine satu kali di template Blogger.
.cfShareLock.
Engine mempunyai pemeriksaan otomatis terhadap elemen .cfShareLock. Jika halaman tidak memiliki Share Lock, proses berhenti tanpa membuat interface yang tidak diperlukan.
Duplicate-engine guard juga tersedia. Jika script tanpa sengaja dipanggil kembali dari artikel, engine tidak diinisialisasi dua kali.
Setelah engine ada di template, kode artikel dari generator cukup berisi ciphertext:
Opsi 2 Pasang Engine Langsung di Artikel
Jika hanya ingin menggunakan fitur ini pada artikel tertentu, aktifkan pilihan Include Engine pada generator.
Generator kemudian membuat lock sekaligus tag JavaScript engine.
<script src="https://codeflareblogspot.github.io/code/cf-share-lock-v1.1.1.min.js"></script>
Metode ini cocok untuk pengguna yang tidak ingin membuka Edit HTML template Blogger.
Engine Version Tidak Dipaksa Selalu Terbaru
Generator menyediakan pilihan versi engine. Ini penting agar artikel yang dibuat menggunakan struktur versi lama tetap dapat menggunakan engine yang sesuai.
Jadi ketika suatu saat hadir v1.2 atau v2, pengguna tidak harus langsung memigrasikan semua artikel lama.
Apakah Share to Unlock Mengganggu Pengunjung?
Content locker memang bisa menghasilkan dua reaksi berbeda. Publisher menyukainya karena dapat memberikan sebuah pertukaran nilai: pembaca mendapat bonus, sementara publisher mendapat engagement atau distribusi tambahan.
Dari sisi pembaca, situasinya berbeda. Jika semua informasi dasar dikunci, pengalaman membaca justru menjadi buruk. Orang datang dari pencarian karena membutuhkan jawaban, bukan untuk melewati banyak hambatan.
Karena itu saya lebih menyukai prinsip content first, bonus second.
Informasi utama tetap diberikan secara terbuka. Share Lock digunakan untuk sesuatu yang memang mempunyai nilai tambahan seperti full source code, template, file download, generator, preset, atau bonus lain.
Dengan cara tersebut Share to Unlock menjadi bagian dari pengalaman artikel, bukan penghalang untuk mendapatkan jawaban.
FAQ CodeFlare Share Lock
Versi ini dirancang dengan Blogger sebagai penggunaan utama, tetapi secara teknis engine JavaScript dapat digunakan pada halaman web yang memenuhi kebutuhan Web Crypto API.
Konten yang sudah diproses generator disimpan sebagai ciphertext CF1, bukan sebagai HTML asli yang hanya disembunyikan.
Tidak. Sistem ini berjalan di browser sehingga pengguna teknis masih dapat menganalisis mekanismenya. Tujuan Share Lock adalah proteksi praktis dan engagement, bukan DRM absolut.
Tidak dalam bentuk plaintext. Generator mengolahnya sebagai bagian dari pembentukan data yang dibutuhkan engine.
Bisa jika pemilik blog memilih Password atau Share OR Password.
Dengan setting default, input dikunci selama lima menit. Max Attempts dan Cooldown dapat diatur melalui generator.
Tidak langsung karena status attempt dan cooldown dapat disimpan di localStorage.
Bisa. Setiap lock memiliki Content ID sendiri dan error pada salah satu lock tidak harus menghentikan lock lainnya.
Bisa. Setelah decrypt, engine dapat merender HTML dan CSS serta menjalankan script jika executable content diaktifkan.
Tidak. Pengguna dapat memilih memasangnya sekali di template atau langsung menyertakannya di artikel.
Agar pengguna dapat tetap memakai versi engine yang sesuai dengan kode lama ketika di masa depan tersedia versi baru.
Butuh Widget Blogger atau Script Custom?
Share Lock hanyalah salah satu contoh fitur custom yang dapat dibuat untuk memperluas kemampuan Blogger tanpa harus pindah platform.
Jika Anda membutuhkan widget Blogger custom, generator online, modifikasi template, perbaikan JavaScript, sistem download, content locker, responsive layout, dark mode, hingga fitur khusus sesuai kebutuhan, CodeFlare dapat membantu membuatnya dari awal.
About CodeFlare
No comments
💬 Share Your Thoughts & Join the Hall of Fame!
Punya pendapat atau tips tentang artikel ini? Tuliskan komentar kamu sekarang! 🚀
💎 Komentar yang bermanfaat, relevan, dan positif berkesempatan tampil di CodeFlare Hall of Fame dan masuk ke Top Commentators Widget.
👉 Comment now. Share your ideas. Get noticed on codeflare.net