Di artikel sebelumnya saya pernah membahas tutorial cara mengunci konten artikel di blog dengan menggunakan metode continue reading button. Script tersebut berfungsi untuk menyembunyikan atau mengunci konten artikel di blog supaya artikel hanya dapat diakses oleh pengguna yang terdaftar saja (member premium). Tetapi script continue reading button tersebut masih kurang efektif dan terlalu fleksibel. Sebab, konten artikel yang ingin dikunci ditulis dalam HTML langsung sehingga siapapun masih dapat melihat isi konten artikel melalui inspek elemen (walaupun tidak semua orang paham cara melakukan inspek elemen).
Nah, di artikel kali ini saya akan update kembali script continue reading button tersebut agar lebih efektif dan memastikan bahwa konten artikel yang dikunci tetap aman (tidak dapat dilihat melalui inspek elemen). Konsep yang digunakan kali ini masih mirip dengan yang sebelumnya, yaitu memastikan bahwa pengguna harus login untuk mengakses konten. Namun di script kali ini saya memindahkan penulisan konten artikel dan dijadikan sebagai value dari atribut "data-text". Selain itu, konten artikel juga akan dienkripsi terlebih dahulu menggunakan metode enkripsi "AES" (Advanced Encryption Standard) yang diproteksi menggunakan password yang sesuai untuk bisa menampilkan konten artikelnya.
Password untuk membuka konten tersebut diatur melalui JavaScript, bukan diatur oleh pengunjung blog.
Kelebihan dari script enkripsi konten artikel menggunakan AES ini tentunya dapat meningkatkan keamanan konten artikel karena dilindungi menggunakan password yang valid untuk bisa membukanya. Jika password tidak sesuai, tentunya konten artikel di blog tidak akan ditampilkan. Sedangkan kekurangan dari script enkripsi konten menggunakan metode AES ini adalah kita harus menggunakan library JavaScript CryptoJS eksternal yang tentunya dapat menurunkan kecepatan loading blog. Karena jika library JavaScript CryptoJS tidak ada, tentunya script tidak akan berfungsi normal.
Untuk demo script enkripsi artikel di blog menggunakan metode AES CryptoJS, kamu bisa lihat pada halaman demo yang sudah saya sediakan pada link di bawah ini atau melalui artikel ini langsung. Konten ekslusif khusus member premium ada di akhir artikel ini.
Cara Mengunci Artikel di Blog dan Hanya Terbuka Untuk Member Premium
Kamu juga bisa integrasikan script enkripsi konten blog CryptoJS ini dengan fitur login autentikasi Firebase yang pernah saya bahas di artikel sebelumnya. Jadi, nantinya data-data user yang dapat mengakses konten artikel premium diambil langsung dari database Firebase kamu (tanpa menulis data user berulang kali melalui JavaScript, sama seperti metode yang saya gunakan saat ini).
Memasang Script Enkripi Artikel di Blog
- Masuk ke halaman dashboard Blogger.
- Masuk ke menu
Tema
Edit HTML
. - Kemudian salin dan taruh library CryptoJS berikut DI BAWAH tag
<head>
atau DI ATAS<head>
. - Langkah selanjutnya cari tag penutup
</body>
dalam template blog kamu (biasanya ada di bagian paling bawah). Kemudian salin dan taruh JavaScript di bawah ini tepat DI ATAS atau SEBELUM tag penutup</body>
tadi. - Jika semua script sudah dipasang, klik simpan.
<!--[ JS LIBRARY CRYPTOJS CLOUDFLARE ]-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<script>
// JS ENKRIPSI ARTIKEL BLOG BY IGNELIUS.COM - HTTPS://WWW.IGNELIUS.COM
const igneliuscomEncryptJS = {
loggedIn: "Anda sudah login. Konten premium sudah terbuka!", // notif jika user sudah pernah login
userNotFound: "Email tidak terdaftar. Anda tidak memiliki akses ke konten premium ini!", // notif jika email yang user masukkan tidak terdaftar atau bukan member premium
};
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('g Q(){a $=["2h","2i","2j","2k","2l","2m","2n","2o","2p","2q","2r/2s","2t/2u","2v","2w","2x","2y","2z","2A","2B","2C","2D","2E/2F","2G","2H/2I","2J","2K","2L","2M","2N","2O","2P","2Q","2R","2S","2T","2U","2V/2W","2X","2Y","2Z","30/31","32","33","34","35","36","37","38+39","3a/3b","3c","3d","3e","3f","3g","3h","3i","3j","3k","3l","3m/3n","3o","3p","3q","3r","3s","3t","3u","3v","3w","3x","3y","3z/3A","3B/3C/3D","3E","3F","3G","3H","3I","3J","3K","3L","3M","3N","3O","3P","3Q","3R","3S","3T","3U","3V","3W","3X","3Y","3Z","40","41","42","43","44","45","46","47/48","49","4a","4b","4c+4d","4e","4f","4g","4h","4i","4j","4k","4l","4m","4n","4o","4p","4q","4r","4s","4t","4u","4v","4w","4x","4y","4z","4A","4B","4C","4D","4E+4F","4G","4H","4I+4J","4K","4L","4M","4N","4O/4P","4Q","4R","4S/4T","4U","4V","4W","4X","4Y+4Z","50","51","52","53","54","55","56","57","58","59","5a/5b","5c","5d","5e"];i(Q=g(){i $})()}1b K=j,R=j,1v=j;!g($,x){a d=j,c=j,W=j,t=$();y(;;)1w{a e=s(d("5f","1c"))/1+s(c("5g","C"))/2*(s(c("5h","D*"))/3)+-s(c("5i","1d"))/4+s(W("5j","1e"))/5*(s(c("5k","#L"))/6)+-s(d("5l","@z$"))/7+-s(d("5m","S"))/8*(s(c("5n","N"))/9)+-s(d("5o","S"))/10*(s(d("5p","#L"))/11);p(1x===e)5q;t.1f(t.1y())}1z(o){t.1f(t.1y())}}(Q,1x);1b 1A=g(){a $=j,x=j,d={};d.5r=$("5s","T")+"+$",d[x("5t","1g")]=g($,x){i $!==x},d.5u="5v";a c=d,W=!0;i g(d,t){a e=$,o=x;p(!c.5w(e("5x","1h"),c[o("5y","5z)d")]))i 5A[e("5B","@z$")]().5C(c[e("5D","O")])[o("5E","1i")]()[x("5F",")u*A")+"r"](5G)[e("5H","S")](c[o("5I","U")]);{a n=W?g(){p(t){a $=t[o("5J","W]V")](d,X);i t=1j,$}}:g(){};i W=!1,n}}}(),Y=1A(k,g(){a $=j,x=j,d=j,c={};i c[$("5K",")1B")]="(((.+)+)+)+$",Y[$("5L","N")]()[d("5M","W]V")](x("5N","1C#G")+"+$")[d("5O","1d")]()[d("5P","T")+"r"](Y)[d("5Q","b^1k")](c[x("5R","Z")])});Y();1b E=g(){a $=j,x={};x[$("5S","N")]="5T";a d=x,c=!0;i g(x,W){a t=$;p("5U"===d[t("5V","F")]){a e=5W.5X(5Y,X);i 5Z=1j,e}{a o=c?g(){p(W){a $=W[t("60",")12")](x,X);i W=1j,$}}:g(){};i c=!1,o}}}(),1D=E(k,g(){a $=j,x=j,d=j,c={61:g($,x){i $(x)},1E:"1F",62:$("63","O"),1G:g($,x){i $===x},1H:"65",66:$("67","D*"),68:g($,x){i $+x},69:g($,x){i $+x},6a:g($){i $()},6b:$("6c","1d"),6d:"6e",6f:"6g",6h:$("6i","O"),6j:d("6k","U"),6l:g($,x){i $<x}},W=g(){a $=d,W=x,t=d;p(c.1G(c.1H,c[$("6m","b^1k")])){a e;1w{p(c[$("6n","6o*l")](c[t("6p","M@7#")],$("6q","1l")))e=6r(c[$("6s","1I")](c[t("6t","x@!@")]("i (g() ",$("6u","O")+$("6v","N")+$("6w","P")+" )"),");"))();13{p(6x){c[W("6y","1J")](6z,6A.6B);i}6C[$("6D","1J")](c.1E,6E);a o=6F[W("6G","1K")+$("6H","]14")](W("6I","@z$")+$("6J","F")),n=o.6K(c[$("6L",")1B")]),q=6M[t("6N","1e")][t("6O","C")](n,6P)[$("6Q","1c")](6R[W("6S","@z$")][t("6T","15")]);o[$("6U","H")]=q,6V=!0}}1z(r){e=6W}i e}6X=6Y},t=c[d("6Z","(1L")](W),e=t[$("70","D*")]=t[$("71","W]V")]||{},o=[c[x("72","1M")],c[x("73","]14")],c[d("74","1m^")],x("75","76#"),"77",c[$("78","1n)")],c[$("79","1e")]];y(a n=0;c[d("7a","1o#W")](n,o.I);n++){a q=E[x("7b","1p(^")+"r"][d("7c","1h")][$("7d","1g")](E),r=o[n],f=e[r]||q;q.7e=E[d("7f","F")](E),q[x("7g","F")]=f.1q[x("7h","H")](f),e[r]=q}});g j($,x){a d=Q();i(j=g(x,c){a W=d[x-=7i];p(1N 0===j.1O){7j t=g($){a x="",d="",c=x+t;y(a W=0,e,o,n=0;o=$.7k(n++);~o&&(e=W%4?64*e+o:o,W++%4)&&(x+=c.17(n+10)-10!=0?1P.1Q(7l&e>>(-2*W&6)):W))o="7m+/=".7n(o);y(a q=0,r=x.I;q<r;q++)d+="%"+("7o"+x.17(q).1q(16)).7p(-2);i 7q(d)};a e=g($,x){a d=[],c=0,W,e="";$=t($);a o;y(o=0;o<J;o++)d[o]=o;y(o=0;o<J;o++)c=(c+d[o]+x.17(o%x.I))%J,W=d[o],d[o]=d[c],d[c]=W;o=0,c=0;y(a n=0;n<$.I;n++)c=(c+d[o=(o+1)%J])%J,W=d[o],d[o]=d[c],d[c]=W,e+=1P.1Q($.17(n)^d[(d[o]+d[c])%J]);i e};j.1R=e,$=X,j.1O=!0}a o=d[0],n=x+o,q=$[n];p(q)W=q;13{p(1N 0===j.1S){a r=g($){k.1T=$,k.B=[1,0,0],k.1U=g(){i"7r"},k.1V="\\\\w+ *\\\\(\\\\) *{\\\\w+ *",k.1W="[\'|\\"].+[\'|\\"];? *}"};r.1r.1X=g(){a $=7s(k.1V+k.1W),x=$.7t(k.1U.1q())?--k.B[1]:--k.B[0];i k.1Y(x)},r.1r.1Y=g($){i 7u(~$)?k.1Z(k.1T):$},r.1r.1Z=g($){y(a x=0,d=k.B.I;x<d;x++)k.B.1f(20.7v(20.7w())),d=k.B.I;i $(k.B[0])},7x r(j).1X(),j.1S=!0}W=j.1R(W,c),$[n]=W}i W})($,x)}1D();a 18=!1;g 21(){a $=j,x=j,d=j,c={7y:g($,x){i $(x)},22:g($,x){i $+x},7z:$("7A","!1s")+$("7B","1l"),7C:$("7D","1I")+d("7E","m%7F")+$("7G","D*")+" )",7H:$("7I","C"),23:g($,x){i $!==x},1t:d("7J","24#"),7K:$("7L","1g")+d("7M","]14"),25:x("7N","P"),26:g($,x){i $(x)}},W=v["7O"+$("7P","7Q")](c[$("7R","1n)")])[$("7S","1C#G")][$("7T","D*")]();p(27[x("7U",")u*A")](W)){p(c.23(c.1t,c.1t))7V=19[d("7W",")12")](7X,19.22(19[d("7Y",")12")]+19[d("7Z","Z")],");"))();13{p(18){c[d("80","C")](28,29[d("81","#L")]);i}2a[$("82","D*")]($("83","!1s")+"84",W);a t=v[x("85","24#")+x("86","b^1k")](c[d("87","#L")]),e=t[x("88","@z$")+"2b"](c.25),o=1a.89[$("8a","1o#W")](e,2c)[d("8b","#L")](1a[x("8c","8d")][x("8e","1u%")]);t[d("8f","Z")]=o,18=!0}}13 c.26(28,29[d("8g","1p(^")+"8h"])}g 2d(){a $=j,x=j,d=j,c={8i:g($,x){i $(x)},8j:g($,x){i $===x},8k:$("8l","F")+x("8m","P"),8n:"8o-8p"},W=2a[$("8q","@h&x")]("1F");p(W&&27.8r(W)){p(c[$("8s","1M")](d("8t","H"),d("8u","Z"))){c[$("8v","!1s")](8w,8x[d("8y","1m^")]);i}{a t=v[$("8z","T")+d("8A","15")](c[x("8B","C")]),e=t[d("8C","W]V")+"2b"](c[$("8D",")u*A")]),o=1a[d("8E","H")].8F(e,2c)[d("8G","15")](1a[x("8H","(1L")][$("8I","1K")]);t[x("8J","1l")]=o,18=!0}}}g 8K(){a $=j,x=j,d=j,c={};c[$("8L","]14")]="2e",v[x("8M","U")+d("8N",")12")](".8O-8P")[d("8Q","T")].2f=c[x("8R","15")],v[x("8S","@z$")+"8T"]($("8U","1m^")+"2g").8V[x("8W","1u%")]="2e"}g 8X(){a $=j,x=j,d=j,c={};c[$("8Y","U")]=x("8Z","P")+"n",c[d("90","S")]=x("91","N"),c[x("92","1p(^")]=x("93","C")+"2g";a W=c;v[$("94","1i")+d("95","P")](W[d("96","1n)")])[x("97","1i")][$("98","x@!@")]=W[$("99","x@!@")],v.9a(W[d("9b",")u*A")])[x("9c","F")].2f=x("9d","1u%")}v["9e"+K("9f","@z$")](K("9g","1c")+R("9h","1h"),2d),v[K("9i","M@7#")+R("9j","H")](K("9k","O")+"l")[1v("9l","1o#W")+"9m"](R("9n","H"),21);',62,582,'||||||||||let||||||function||return|_0x5dd5|this|||||if|_||parseInt|||document|||for|pX||DZcMVo|rGTH|8gs|_0x122d60|ItAs||rygc|length|256|_0x30c623|2KG||m2wB|4BGT|zfLE|_0x25cb|_0x5d540a|2cLy|fxHF|wtXz|TV||arguments|_0xd9ac18|aS5h|||J5U|else|bfS|cFzF||charCodeAt|isContentUnlocked|LjXulT|CryptoJS|const|HTIX|PFQ2|o2im|push|ONyS|6jln|qngW|null|pJ|YffK|9cW|dqB|T3|Tc|toString|prototype|XwK|XetJA|Y2g|_0x26d01c|try|961853|shift|catch|_0x29a8a0|rDU|kU|_0x46d7b0|azeTz|premiumEmail|eHPNu|FaTbT|eM8w|IXy1|WHsq|f1L|7Tcr|void|XVFWxB|String|fromCharCode|vNEENf|OShaKZ|NDBqXc|ObfOvd|gJdQWd|wEskWo|HMJNnh|XybnAG|dFZeoQ|Math|igneliusEncryptJS|elhVU|rNAgO|axm|DCKkq|fszuf|emailUsers|alert|igneliuscomEncryptJS|localStorage|te|igneliusPassword|checkStoredEmail|block|display|ox|W70JCLhdHa|W6LpcSkyWQXOW49V|W5PrWPRcP3ldP8kBW47cRq|WQ3cPtOP|CCktEXxcTG|WOtcKcu6W5W|WOxcG8oJWRLXzCoOWRJdGdC|WRpdPfaxW6K|vfxdRwxdSq|W580oaZcPuJcJmk9|eI0|W4r2|lGdcTZjNW5|cSHeT|W7iCgdxcTa|W5btWP3cOwS|WRtcKKq|WRlcOG9Gqq|W7fgWR3cPG|aY7cLdtcGe7dSGJdMveUAxa|amoojdVdOW|F3rljCo4W6JcT8omsH0qtvS|pCkhvW|yaxdKSosW67cIJG5lf|cSYq|r2zEW7HQ|W4BcLhtcPmk4ix|cMmoqWPG|W5NcIc7cPSo6o2NcLmow|W7ldU2m9W7ZcRCoFn8kA|WRxcRSk1gSoMF8kG|W5RdJmoRwrNcTSkDwmk6mW|WR89W65UDG|tNzFW6JdJCkCDeCFEa|W5eqkYhcOW|bsNdK8oN|A2bfW65o|o07cQ8kwWOK|hJ3dGW4|WOKLWPGlFSoghW|oa|dOYCIW4lcPeTWFG|F1TpxIa|W4RdL8o8rGG|hrLDWQK|zNL4wX|cPmkgvce|W4Hup8ou|WOJdKfWBW7tdMZ8|W4NcIdJcQ8kY|WRhcS8kda8o9y8kJwW|zapcRcTNW4dcUaCTmW|WOfufCkSxmolaXBcNfW|W5OeDKBdOmoRWRL|qSo9|WQWvmSk|WO9aW45n|eJtdLmo5W5FcN8kx|f8k8WRO|WOhdSHNcNSo8vW|ymk9W6FdPw06eq|BSoHlq51|W7ldQmoWWQ7dOW|wMr2sXxcTa|n8kMW4W|pSk8crZdVSkCeMbOgG|emkVW6RdVLm|jr|dI8o9W6W|W6xcNsdcSSkw|WRCpW7rdwW|W7j6WQC|zHHWWRhcQtaNmW|WRCeWOK9EG|WOBcNgi5qW|kIGmv8k9WQZdSmoNtHe|W6GfWP3cKLa|WR8JWQmWrG|WQJdNXRcQSo3|fX9aWRXoWQRcJW|r8oJob|dHCo6W7ucf8on|WO|cOu|cOmkJ|WPhcI8kTbeBdRCodeSoLDq|oJZdGetdLwxdVSojlhW|n17cImkb|W4nubmkUs8odkWe|W7ddQCoSWRddV0RdUCoObSkV|e2FdLmkXWO8|q8kJuHtcNa|tgr7WP84Ax7cVMfy|W6pdP1Wao8ohsZC|dCoPlqJdJSoMW6a|kmowkdFdMq|r8owW7tdVLS5xSkG|WQxcVtzaESkEfrSfWO4PW6ZcLW|W5u1nrpcPf7cNmkTW5ng|W5zMmmknWQO|WQlcQSooWP9H|mSkrqcxdIa|gZNcPde5|W4VcPYNcO8oUu07dKa|jGjvW7q|WRBcQmkPg8oQ|A8khzdpcOwbKqhu|WOlcHSkHaCoS|WQddUgKIW6C|W5uVWOlcGhBcJ8k2WOiw|wmk7D0ZdSComW641u8ol|osiRySk7WRhdRmoP|WQiqW7y|WRFcPqC4W43cT8otgG|zCk8W6ddKMiVc3|dPCkP|axldHCkVWPu2|pgpdG8kmpG|oxDVBSob|WQFcTCk|eW|W7VdP2G|W7xdS8oAWRBdThddSSoJ|W6X8eCkkDa|i0erW7xdOM59phzZCuFcHG|aLHjzmo0|WRJcRmoyWO3dT3xdKmod|W5fwWPRcPG|aJ7dJSodW4ZcLSkF|W6FdVSkqW4q|W5iIWPJcJgVcQCokW6z6|kcmB|B8okiGDb|dmoHlXpdM8oFW7Olt8oB|jMpcKSo1W6u|W5Gtz17dU8oWW7qtsCoP|oJhcVJmY|WRxcQCk5W7pcVI3dN8oDcSkgWRNdJq|d8k6Edyi|pJKDEmkSWQO|E17cGCklWRJdLtSHoHW|W6LpkW|WPZdOSoHrqjapa|WOZdJuS|WQBcVJ1eCmkzetGmWRadW7JcGW|aYRcMdlcHuBdTdRdGM8hAg8|WRpcMfCPDmkG|aZxcMSo|W5dcMSkbwSkjya|vJHUWOBcTdC9mvna|mgjwACo7|WQdcVJS|WPFdVmopgmk2W6W|BMDbW79svSkDptWe|W4BcOKJdNCkNc0hdJLpcVmo5xa|WOVdQ8kAWRPqWR5a|xxddHMhdKXlcJr8|rxddSNldHb|cQHy|bc3cLthcHuxcRHZdPxGlsG|oHpcPJ4JW57cUG|WR|cPmoaW5RcM3ddVhGxEW|pdGDzmkWWOVdP8oIsqC|fxldKmkCWOiQeeHwWPG|BSkKtdJcPa|WPFcPSo7W7RcNW|W47cNdJcQSk|o0NcGCodWOq|WPSrW4H2sW|qg3cJSk9W4NcI8kBkmoflq|W4JdLSoGwbtcL8knv8kRpW|WRtdUSkFWPf2|C1fPW4zC|WPpcN8oOWRHlEmoPWP3dMY0|W5bVWOdcJ1C|exJdISkUWPKYbW|yYqFEmkSWRtdQ8o7x0K|qKekW7PKWPhcJcZcGmk4|u8kVW6|dGgi|k1ZdOSkyjCoxs1BdTdy|W6VcTCk3gCoQzSkKsCozFW|pG7cSq|0x1ce|0x1c2|0x1f7|0x1b5|0x1b4|0x215|0x217|0x1ea|0x21d|0x1bb|0x1ee|break|XtzuA|0x1a9|0x225|HEHzR|KIckK|nyMsT|0x229|0x1a8|Kq|_0x373cd8|0x1c3|search|0x19c|0x1cc|0x1b6|_0x307370|0x237|0x21a|0x1ae|0x1ba|0x1c5|0x1c7|0x1b0|0x1b1|0x21f|0x1e4|0x208|0x209|AAbkR|knjtE|0x1bf|_0x1b1f86|apply|_0x2a3cd2|_0x5a47b4|0x19d|LtqbR|RrkAn|0x21c||UGvVH|OgOeh|0x19b|wPgZY|RoHKT|WSLVP|pMXKc|0x1cb|XZPTz|warn|CGrCZ|info|eVtLM|0x22f|fLuSY|0x224|WwkWv|0x1a1|0x213|FY|0x1f4|0x1a3|Function|0x1b9|0x1a4|0x21b|0x1e8|0x228|_0x1737f2|0x1f9|_0x5b92f6|_0x338615|loggedIn|_0x442d75|0x1eb|_0x7edcc|_0x3044d3|0x1aa|0x1e1|0x1fe|0x21e|getAttribute|0x1da|_0x17e8f6|0x23c|0x1b2|_0x26c5b6|0x19f|_0x337637|0x1d5|0x22d|0x206|_0x223c32|window|_0x4049f1|_0x46c9bd|0x1dc|0x235|0x1fd|0x239|0x1c0|0x1cd|0x1d8|k3R|exception|0x1e7|0x19a|0x200|0x20a|0x22c|0x1ab|__proto__|0x1ca|0x230|0x1d1|409|var|charAt|255|abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789|indexOf|00|slice|decodeURIComponent|newState|RegExp|test|Boolean|round|random|new|iBjAT|MnLYi|0x233|0x1d4|AJXBO|0x199|0x221|9z|0x1e5|WlkAB|0x1d7|0x1c8|eJLcG|0x1de|0x22e|0x20f|getElement|0x1d3|2B5v|0x1cf|0x20e|0x223|0x20d|_0xc8036|0x220|_0x58f130|0x1f6|0x1af|0x216|0x1ec|0x1d2|0x1d9|il|0x201|0x212|0x20c|0x1a2|AES|0x238|0x1ed|0x236|HL17|0x1bc|0x1be|0x1fb|nd|UBpbV|qfWBW|AZfMn|0x202|0x1ef|gJpAs|data|text|0x1e0|includes|0x1d6|0x1fc|0x1f3|0x204|_0x51ec70|_0x39a851|0x1ac|0x1f8|0x1df|0x1b3|0x1f2|0x222|0x19e|decrypt|0x205|0x218|0x226|0x1c1|bukaKonten|0x20b|0x1e9|0x1c4|box|konten|0x22a|0x1b7|0x1f1|tor|0x232|style|0x1a6|tutupKonten|0x1fa|0x231|0x1a5|0x207|0x1b8|0x1a7|0x1ad|0x203|0x1c9|0x23a|0x227|0x1a0|querySelector|0x210|0x1bd|0x22b|addEventLi|0x1dd|0x1e6|0x23b|0x1f0|0x214|0x1f5|0x1c6|stener|0x211'.split('|'),0,{}))
</script>
Jangan lupa ganti dan sesuaikan teks yang sudah ditandai.
Sampai di tahap ini script untuk enkripsi artikel sudah terpasang di blog. Langkah selanjutnya adalah memasang script berisi data-data email user beserta password untuk membuka artikel. Simak caranya di bawah ini.
Memasang Script Data Email User dan Password di postingan Blog
- Buat sebuah postingan baru atau halaman baru yang ingin dikunci dan hanya terbuka khusus untuk member premium terdaftar.
- Kemudian salin dan taruh script di bawah ini ke dalam postingan.
- Jika semua pengaturan script di atas sudah disesuaikan, klik simpan dan uji coba script.
<!--[ HTML ENKRIPSI ARTIKEL BLOG ]-->
<div class="ignelius-premium" data-text="U2FsdGVkX19qlEMHZbF3Pxrr4Ltg9dx5lub4E9WcVT0="></div> <!-- ganti bagian value dari atribut "data-text" dengan konten artikel kamu yang sudah dienkripsi sebelumnya -->
<button onclick="bukaKonten()">Buka Konten</button>
<div class="overlay-box"></div>
<div class="box-konten">
<div class="judul-box center">LOGIN</div>
<div class="deks-box center">Untuk mengakses konten di halaman ini, harap login menggunakan data email kamu yang terdaftar. Konten hanya terbuka khusus untuk member premium.</div>
<input type="email" id="emailInput" placeholder="Masukkan email untuk membuka konten premium"/>
<button id="submitEmail">Buka Konten</button>
<button onclick="tutupKonten()" class="center">Tutup</button>
</div>
<!--[ CSS ENKRIPSI ARTIKEL BLOGB]-->
<style>
.box-konten {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 90%;
max-width: 680px;
border-radius: 7px;
background: #f2f2f2;
padding: 1rem 1.25rem;
z-index: 4;
}
.overlay-box {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
z-index: 3;
}
.judul-box {
font-size: 18px;
font-weight: bold;
margin: 1rem 0 2rem 0;
}
.desk-box {
margin: 1rem 0;
}
#emailInput {
width: 100%;
border-radius: 7px;
border: 1px solid #ccc;
padding: 1rem 1.25rem;
margin: 1.5rem auto;
}
</style>
<!--[ JAVASCRIPT DATA EMAIL USER DAN PASSWORD ]-->
<script>
// JS ENKRIPSI ARTIKEL BLOG BY IGNELIUS.COM - HTTPS://WWW.IGNELIUS.COM
const emailUsers = [
// DATA EMAIL USER, GANTI SEMUA BAGIAN INI
"user1@example.com",
"user2@example.com",
"user3@example.com"
];
// ENKRIPSI (OBFUSCATE) SCRIPT BAGIAN PASSWORD DI BAWAH INI UNTUK MENJAGA KEAMANAN ARTIKEL
const igneliusPassword = "123"; // PASSWORD UNTUK DEKRIPSI KONTEN ARTIKEL. PASTIKAN PASSWORD SESUAI
</script>
data-text="U2FsdGVkX19qlEMHZbF3Pxrr4Ltg9dx5lub4E9WcVT0="
: Pada bagian value dari atribut "data-text", ganti dengan konten artikel yang sudah dienkripsi menggunakan tool enkripsi yang sudah saya sediakan.const emailUsers = [ ... ];
: Ganti semua data emailnya dengan data email user kamu yang terdaftar.const igneliusPassword = "123";
: Ganti dengan password konten artikel kamu.Sampai tahap ini semua script untuk mengunci artikel di blog sudah terpasang. Untuk cara mengenkripsi konten artikel di blog, kamu bisa gunakan tool generator enkripsi konten yang sudah saya sediakan di halaman enkripsi/dekripsi konten CryptoJS. Di halaman itu juga sudah disediakan alat untuk mendekripsi konten yang terenkripsi atau dengan kata lain "mengembalikan nilai konten ke bentuk aslinya".
Manfaat dan Kelebihan Membuat Artikel Terbuka Khusus Member Premium
Berbicara mengenai manfaat dan kelebihan membuat artikel blog hanya terbuka khusus member premium, tentunya manfaat dan kelebihan utamanya adalah untuk meningkatkan income atau penghasilan kamu melalui blog. Cara ini tentunya sangat efektif selain memanfaatkan penghasilan dari Google AdSense, kamu bisa manfaatkan script ini agar mendapatkan penghasilan tambahan ketika pengunjung setia blog kamu berlangganan paket premium berbayar.
Selain itu, paket berlangganan premium berbayar ini memiliki masa aktif yang dapat disesuaikan dengan keinginan kamu. Jadi pengunjung kamu harus melakukan perpanjang paket premium ketika masa aktif premium mereka sudah habis. Jadi penghasilan kamu akan terus berjalan sesuai dengan minat para pengguna di blog kamu.
Script Enkripsi Konten Blog + Generator Open Source
Di sini saya juga akan membagikan script enkripsi konten artikel yang open source sekaligus script untuk membuat generator enkripsi dan deskripsi kontennya seperti yang saya gunakan di atas. Untuk mendapatkan script open source, kamu harus login terlebih dahulu dan pastikan kalau akun kamu memiliki status akun premium yang aktif.
1 komentar