Hallo semua.... pada kesempatan ini saya akan membagikan widget button sub to unlock di blogger dengan html css dan javascript.
Seperti pada widget button sub to unlock pada umumnya ketika user klik download maka akan di redirect ke sosial media kita seperti youtube instagram facebook untuk meminta user subcribe atau follow sosial media kita terlebih dulu barulah link download akan terbuka.S
eperti pada widget button sub to unlock pada umumnya ketika user klik download maka akan di redirect ke sosial media kita seperti youtube instagram facebook untuk meminta user subcribe atau follow sosial media kita terlebih dulu barulah link download akan terbuka.
Widget button sub to unlock ini sering kita jumpai pada blog download, dan jika saat ini kalian sedang mengelolah blog download maka widget ini akan cocok sekali untuk di pasang.
Untuk demonya bisa diliat melalui tombol dibawah ini
Button Subcribe To Unlock
Silakan masuk ke blogger > tema > edit html salin css di bawah ini dan letakkan di di atas kode ]]></b:skin
/* 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 letakan di atas kode </body> atau <!--</body>--></body> bagian yang saya tandai silakan sesuaikan dengan kebutuhan jika sudah jangan lupa 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 letakkan kode dibawah 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/@CatatanGhaitsa?sub_confirmation=1'>Subscribe Youtube</button> <button class='wc-stu-btn like' disabled='disabled' data-link='https://www.youtube.com/watch?v=h7q9qxD5cYI'>Like Vidio</button> <button class='wc-stu-btn ig' disabled='disabled' data-link='https://www.instagram.com/catatanghaitsa'>Follow Instragram</button> <button class='wc-stu-btn fb' disabled='disabled' data-link='https://www.facebook.com/kwartirrantinglohbener'>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/file/d/1m8Ro_gow2C3Lk7U64Tdc7K0W1hh60dpH/view?usp=drivesdk'; </script>
Semoga bermanfaat