button sub to unlock

membuat button sub to unlock / sub2unlock di blogger dengan html css javascript

Hallo semua pada kesempatan kali ini saya akan membagikan widget button sub to unlock / sub2unlock di blogger dengan html css dan javascript.

di karenakan banyaknya yang reguest di grup whatsaap saya untuk di buatkan widget ini, maka itu saya luangkan waktu untuk membuatnya.

buat kalian yang ingin reguest tutorial, bisa join ke grup whatsapp atau bisa komentar ke salah satu artikel kami, jika menarik akan saya buatkan di masa mendatang.

seperti pada widget button sub to unlock pada umumnya ketika user klik dwonload maka akan di redirect ke sosial media kita seperti youtube instagram facebook untuk meminta user subsribe atau follow sosial media kita terlebih dulu barulah link dwonload akan terbuka.

widget button sub to unlock ini sering kita jumpai pada blog dwonload, dan jika saat ini kalian sedang mengelolah blog dwonload maka widget ini akan cocok sekali untuk di pasang.

untuk demonya kalian bisa melihat melalui tombol di bawah ini, ok buat kalian yang ingin membuatnya mari simak caranya di bawah ini.

Button Subscribe To Unlock

widget telah di update, kini bisa menghapus atau menambahkan tombol baru, kami juga menambahkan sessionStorage agar saat halaman di reload tidak akan mengulang lagi.

silakan masuk ke blogger > tema > edit html salin css di bawah ini dan letkkan di atas kode ]]></b:skin> atau di atas kode </style>

/* sub to unlock by wendy code last update 24-10-22 */
.wc-bxdw-wrap{position:relative;text-align:center;display:inline-block;border-radius:5px;border:1px solid #ddd;background-color:#fefefe;color:#48525c;width:100%;padding:10px}
.wc-bxdw-wrap h2{text-align:center;margin-top:0;font-size:20px}
button.wc-stu-btn.lock,button[disabled=disabled]{cursor:not-allowed;background-color:#858480}button.wc-stu-btn.lock:hover{opacity:1}
button.wc-stu-btn{position:relative;display:flex;justify-content: center;align-items:center;text-align:center;margin:10px auto;padding:10px 25px;outline:0;border:0;border-radius:30px;line-height:20px;color:#fefefe;background-color:#f89000;font-size:15px;width:calc(50% - 40px)}
button.wc-stu-btn:hover{opacity:0.8;} 
@media screen and (max-width:500px){button.wc-stu-btn{width:calc(100% - 90px)}}
#wcstu-made-by{display:none}
@keyframes wcload{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes wcload{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}

/* icon tombol */
button.wc-stu-btn.load:after{content:'';position:absolute;right:25px;top:12px;padding:5px;z-index:2;width:10px;height:10px;border:solid 2px transparent;border-top-color:#fff;border-left-color:#fff;border-radius:50%;animation:wcload 400ms linear infinite;-webkit-animation:wcload 400ms linear infinite}
button.fns:after{content:'';position:absolute;right:25px;top:12px;padding:10px;z-index:2;background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23fff' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' /></svg>") center / 12px no-repeat;background-size:20px 20px} 
button.wc-stu-btn.fb:before{content:'';position:absolute;left:15px;top:10px;padding:10px;z-index:2;background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23fff' d='M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z' /></svg>") center / 12px no-repeat;background-size:20px 20px}
button.wc-stu-btn.ig:before{content:'';position:absolute;left:15px;top:10px;padding:10px;z-index:2;background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23fff' d='M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z' /></svg>") center / 12px no-repeat;background-size:20px 20px}
button.wc-stu-btn.yt:before{content:'';position:absolute;left:15px;top:10px;padding:10px;z-index:2;background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23fff' d='M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z' /></svg>") center / 12px no-repeat;background-size:20px 20px}
button.wc-stu-btn.like:before{content:'';position:absolute;left:15px;top:10px;padding:10px;z-index:2;background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23fff' d='M23,10C23,8.89 22.1,8 21,8H14.68L15.64,3.43C15.66,3.33 15.67,3.22 15.67,3.11C15.67,2.7 15.5,2.32 15.23,2.05L14.17,1L7.59,7.58C7.22,7.95 7,8.45 7,9V19A2,2 0 0,0 9,21H18C18.83,21 19.54,20.5 19.84,19.78L22.86,12.73C22.95,12.5 23,12.26 23,12V10M1,21H5V9H1V21Z' /></svg>") center / 12px no-repeat;background-size:20px 20px}
button.wc-stu-btn.ulck:before{content:'';position:absolute;left:15px;top:10px;padding:10px;z-index:2;background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23fff' d='M18 1C15.24 1 13 3.24 13 6V8H4C2.9 8 2 8.89 2 10V20C2 21.11 2.9 22 4 22H16C17.11 22 18 21.11 18 20V10C18 8.9 17.11 8 16 8H15V6C15 4.34 16.34 3 18 3C19.66 3 21 4.34 21 6V8H23V6C23 3.24 20.76 1 18 1M10 13C11.1 13 12 13.89 12 15C12 16.11 11.11 17 10 17C8.9 17 8 16.11 8 15C8 13.9 8.9 13 10 13Z' /></svg>") center / 12px no-repeat;background-size:20px 20px}
button.wc-stu-btn.lock:before{content:'';position:absolute;left:15px;top:10px;padding:10px;z-index:2;background:url("data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path fill='%23fff' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z' /></svg>") center / 12px no-repeat;background-size:20px 20px}
  
/* CSS drK ubah classnya jika berbeda atau hapus bagian ini */
.drK .wc-bxdw-wrap{background-color:#1e1e1e;color:#fefefe}
.drK .wc-bxdw-wrap{border-color:rgba(255,255,255,.1)}

lanjut salin javascript di bawah ini dan letakkan di atas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt; bagian yang saya tandai silakan di sesuaikan sesuai kebutuhan jika sudah jangan lupa untuk klik simpan.

<div class='wc-credit' made-by='www.wendycode.com'></div>
<script>
//<![CDATA[
// sub to unlock by wendy code last update 24-10-22
var wcText =[5000,'Loading...','Selesai']; //5 detik loading setelah itu munculkan text (selesai)
var wcBdw = 'Download Unlocked'; // text tombol dwonload terbuka

var _0x5eaeca=_0x2c4a,_0x53966e=_0x1c1b;function _0x1c1b(x,_){var b=_0x54b4();return _0x1c1b=function(_,e){var t=b[_-=362];if(void 0===_0x1c1b.sRuCuq){var o=function(x){for(var _,b,e="",t="",o=0,n=0;b=x.charAt(n++);~b&&(_=o%4?64*_+b:b,o++%4)?e+=String.fromCharCode(255&_>>(-2*o&6)):0)b="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(b);for(var s=0,c=e.length;s<c;s++)t+="%"+("00"+e.charCodeAt(s).toString(16)).slice(-2);return decodeURIComponent(t)},n=function(x,_){var b,e,t=[],n=0,s="";for(x=o(x),e=0;e<256;e++)t[e]=e;for(e=0;e<256;e++)n=(n+t[e]+_.charCodeAt(e%_.length))%256,b=t[e],t[e]=t[n],t[n]=b;e=0,n=0;for(var c=0;c<x.length;c++)n=(n+t[e=(e+1)%256])%256,b=t[e],t[e]=t[n],t[n]=b,s+=String.fromCharCode(x.charCodeAt(c)^t[(t[e]+t[n])%256]);return s};_0x1c1b.CvzUMO=n,x=arguments,_0x1c1b.sRuCuq=!0}var s=b[0],c=_+s,u=x[c];return u?t=u:(void 0===_0x1c1b.XlHtUb&&(_0x1c1b.XlHtUb=!0),t=_0x1c1b.CvzUMO(t,e),x[c]=t),t},_0x1c1b(x,_)}function _0x54b4(){var x=["CxvLCNLtzwXLy3rVCKfSBa","mtuZmJuWqurcs21z","o3D6lSkxbmoU","zgLZywjSzwq","nNzdq05VDW","Bg9JyxrPB24","W6RdLCoIyCkzW5hdJa","W4HeWRBcVmoNW7lcLCkeh8ktkvrZ","CxKQsc5kWOygW5y","W5hdJMxdIIf2iti","W4e2dSkJEt/cTa","mtm4nZu0mMDizgjuCq","ngr1Avnouq","W5/cK8k3W7S","ywrK","WOFcN3ZdGJPHaZBdQWddNMO","W7ddUYJcIJFdTmoMWPfNk8kwW50","Bg9Hza","y2XPy2TtC3q","sSoxwCozorFcUh4l","WRtcUSo5WQpdHI8","WOPEW6jeW7VcSa","qKiplmoUWQvK","WRT2WQCo","W75grSkHhCokymkEeX4","WPhcSCoQemkKbYr1WRldPMX9W70OlCoG","W794FxtdJmkxemk5WQpcR0DbeW","W7NcLb7cV8oyW4ddMe/cMJtdNWKP","CMvTB3zL","jeJcIh1XW408","W7jLzq","i3DJlxn0Ds1IDg4TzhC","mZiYnJq4mfHnwxzntq","CxvLCNLtzwXLy3rVCG","ntG1odm3vMDuq2je","W7tdTI7cGdhdS8oXWRjXi8kzW4a","WR1QWQGmfq","y2XPy2S","x8ohW4pcUG","yNv0Dg9UlNDJlxn0Ds1IDg4","W53cVmo9wepdNmkoWPPGc8oFb8of","mJq1ntuWmfjov21NEa"];return(_0x54b4=function(){return x})()}function _0x2c4a(x,_){var b=_0x54b4();return _0x2c4a=function(_,e){var t=b[_-=362];if(void 0===_0x2c4a.yMTTSM){var o=function(x){for(var _,b,e="",t="",o=0,n=0;b=x.charAt(n++);~b&&(_=o%4?64*_+b:b,o++%4)?e+=String.fromCharCode(255&_>>(-2*o&6)):0)b="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(b);for(var s=0,c=e.length;s<c;s++)t+="%"+("00"+e.charCodeAt(s).toString(16)).slice(-2);return decodeURIComponent(t)};_0x2c4a.bTKbDo=o,x=arguments,_0x2c4a.yMTTSM=!0}var n=b[0],s=_+n,c=x[s];return c?t=c:(t=_0x2c4a.bTKbDo(t),x[s]=t),t},_0x2c4a(x,_)}!function(x,_){for(var b=_0x2c4a,e=_0x1c1b,t=_0x54b4();;)try{if(526259===-parseInt(e(397,"sa5X"))/1+parseInt(b(393))/2*(parseInt(b(392))/3)+-parseInt(b(380))/4+-parseInt(b(382))/5*(-parseInt(b(385))/6)+-parseInt(e(390,"xH#K"))/7*(-parseInt(e(388,"E$XA"))/8)+-parseInt(e(366,"TbZ&"))/9+parseInt(e(365,"P9E6"))/10)break;t.push(t.shift())}catch(x){t.push(t.shift())}}();var _0xb451=["abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=","",_0x53966e(375,"wTO@"),_0x53966e(402,"WFNC"),_0x53966e(363,"le$H"),_0x5eaeca(381),_0x5eaeca(372),_0x53966e(391,"kHur"),"hasAttribute",_0x53966e(396,"xH#K"),".",_0x5eaeca(378),_0x5eaeca(376),_0x53966e(377,"3BYN"),"fns",_0x5eaeca(367),_0x53966e(400,"$$^b"),_0x5eaeca(398),_0x5eaeca(395),_0x53966e(389,"Q!aW"),"data-link","open",_0x53966e(394,"(F#n"),_0x5eaeca(384),_0x5eaeca(399),_0x53966e(383,"1zi3"),_0x53966e(362,"wTO@"),_0x53966e(401,"cF1R"),_0x53966e(364,"h8y$"),_0x53966e(368,"tv[k"),_0x5eaeca(370),"href",_0x5eaeca(386),_0x53966e(369,"P9E6"),"/"],shareToUnlock=_0xb451[0],shtuB=shareToUnlock[_0xb451[2]](_0xb451[1]),wcshbxwrp=document[_0xb451[5]](_0xb451[4])[_0xb451[3]],wcshbxwrpA=document[_0xb451[6]](_0xb451[4]);if(0!=wcshbxwrp&&wcshbxwrpA[_0xb451[8]](_0xb451[7])&&wcshbxwrpA[_0xb451[9]](_0xb451[7])===shtuB[22]+shtuB[22]+shtuB[22]+_0xb451[10]+shtuB[22]+shtuB[4]+shtuB[13]+shtuB[3]+shtuB[24]+shtuB[2]+shtuB[14]+shtuB[3]+shtuB[4]+_0xb451[10]+shtuB[2]+shtuB[14]+shtuB[12]){for(var nodes=document[_0xb451[5]](_0xb451[11]),i=0;i<nodes[_0xb451[3]];i++)nodes[i][_0xb451[28]](_0xb451[12],function(x){var _=x+1,b=nodes[_0xb451[3]]-1,e=nodes[_0xb451[3]]-2;nodes[x][_0xb451[16]][_0xb451[15]](_0xb451[14]),nodes[x][_0xb451[16]][_0xb451[18]](_0xb451[17]),nodes[x][_0xb451[19]]=wcText[1],nodes[x][_0xb451[8]](_0xb451[20])&&window[_0xb451[21]](nodes[x][_0xb451[9]](_0xb451[20])),setTimeout((()=>{nodes[x][_0xb451[19]]=wcText[2],nodes[x][_0xb451[16]][_0xb451[15]](_0xb451[17]),nodes[x][_0xb451[16]][_0xb451[18]](_0xb451[14]),nodes[_][_0xb451[16]][_0xb451[15]](_0xb451[22]),nodes[_][_0xb451[23]]=!1,sessionStorage[_0xb451[25]](_0xb451[24],x),nodes[x]===nodes[e]&&(nodes[b][_0xb451[16]][_0xb451[18]](_0xb451[26]),nodes[b][_0xb451[19]]=wcBdw,sessionStorage[_0xb451[25]](_0xb451[27],_0xb451[27]))}),wcText[0])}[_0xb451[13]](this,i));let x=Number(sessionStorage[_0xb451[29]](_0xb451[24]));for(let _=0;_<x;_++){let b=document[_0xb451[5]](_0xb451[11]);b[_][_0xb451[16]][_0xb451[18]](_0xb451[14]),b[_][_0xb451[16]][_0xb451[15]](_0xb451[22]),b[_][_0xb451[23]]=!1,b[_][_0xb451[19]]=wcText[2],x>0&&(b[_+1][_0xb451[16]][_0xb451[18]](_0xb451[14]),b[_+1][_0xb451[16]][_0xb451[15]](_0xb451[22]),b[_+1][_0xb451[23]]=!1,b[_+1][_0xb451[19]]=wcText[2],b[_+2][_0xb451[23]]=!1)}null!=sessionStorage[_0xb451[29]](_0xb451[24])&&0===x&&(document[_0xb451[5]](_0xb451[11])[0][_0xb451[16]][_0xb451[18]](_0xb451[14]),document[_0xb451[5]](_0xb451[11])[0][_0xb451[19]]=wcText[2],document[_0xb451[5]](_0xb451[11])[1][_0xb451[23]]=!1);let _=document[_0xb451[5]](_0xb451[11])[_0xb451[3]]-1;sessionStorage[_0xb451[29]](_0xb451[27])===_0xb451[27]&&(document[_0xb451[5]](_0xb451[11])[_][_0xb451[16]][_0xb451[15]](_0xb451[22]),document[_0xb451[5]](_0xb451[11])[_][_0xb451[19]]=wcBdw,document[_0xb451[5]](_0xb451[11])[_][_0xb451[16]][_0xb451[18]](_0xb451[26])),document[_0xb451[6]](_0xb451[30])[_0xb451[28]](_0xb451[12],(function(){document[_0xb451[5]](_0xb451[11])[_][_0xb451[19]]=wcBdw,document[_0xb451[5]](_0xb451[11])[_][_0xb451[16]][_0xb451[15]](_0xb451[17]),document[_0xb451[5]](_0xb451[11])[_][_0xb451[16]][_0xb451[18]](_0xb451[26]),setTimeout((()=>{document[_0xb451[5]](_0xb451[11])[_][_0xb451[19]]=wcBdw,document[_0xb451[5]](_0xb451[11])[_][_0xb451[16]][_0xb451[15]](_0xb451[14])}),wcText[0]),window[_0xb451[21]](wcStuT)}))}else window[_0xb451[32]][_0xb451[31]]=shtuB[7]+shtuB[19]+shtuB[19]+shtuB[15]+_0xb451[33]+shtuB[22]+shtuB[22]+shtuB[22]+_0xb451[10]+shtuB[22]+shtuB[4]+shtuB[13]+shtuB[3]+shtuB[24]+shtuB[2]+shtuB[14]+shtuB[3]+shtuB[4]+_0xb451[10]+shtuB[2]+shtuB[14]+shtuB[12]+_0xb451[34]+shtuB[15]+_0xb451[34]+shtuB[2]+shtuB[17]+shtuB[4]+shtuB[3]+shtuB[8]+shtuB[19]+_0xb451[10]+shtuB[7]+shtuB[19]+shtuB[12]+shtuB[11];
//]]> 
</script>

Cara Penerapan Di halaman Postingan

salin dan letkkan kode di bawah ini di halaman postingan dengan mode html

<!-- sub to unlock by wendy code last update 24-10-22 -->
<div class='wc-bxdw-wrap'>
<h2>Sub To Unlock</h2>
<button class='wc-stu-btn yt' data-link='https://www.youtube.com/channel/UCKlfXy_XQHZmWSnUUvKJSzQ?sub_confirmation=1'>Subscribe Youtube</button>
<button class='wc-stu-btn like' disabled='disabled' data-link='https://www.youtube.com/watch?v=rsmT6wf_J_o'>Like Vidio</button>
<button class='wc-stu-btn ig' disabled='disabled' data-link='https://www.instagram.com/choipan_wendy'>Follow Instragram</button>
<button class='wc-stu-btn fb' disabled='disabled' data-link='https://www.facebook.com/blogwendycode'>Follow Facebook</button>
<button class='wc-stu-btn lock' id='wc-stu-btn-dw' disabled='disabled'>Download Locked</button>
</div>

<script>
/*  agar link download tidak terlihat enscrypt menggunakan https://obfuscator.io */
var wcStuT = 'https://drive.google.com/uc?export=download&id=1lRv_up8ahHqoU2bnspcD7qLD6bIM9oxl';
</script>

Catatan:
bagian yang saya tandai silakan di sesuaikan dengan milik kalian

ok jadi sekian widget button sub to unlock di blogger yang bisa saya bagikan kali ini semoga bermanfaat dan terima kasih telah berkunjung.