Full Code :
<style>
#default{display:none;}
#result{height:500px;width:100%;}
#addres1,.del1,#addres2,.del2,#addres3,.del3,#btnresult{cursor:pointer;}
.gridbtn{display: grid;grid-template-columns: repeat(2,auto);grid-gap: 20px;margin:15px;}
.gridbtn div{background: blue;color: white;padding: 12px;text-align: center;border-radius: 8px;}
.datainfo_res1,.datainfo_res2,.datainfo_res3{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,auto));grid-gap: 20px;margin-bottom: 10px;}
#copied{border-radius: 8px;text-align: center;}
.btnresult,.btnrclear{background: blue;text-align: center;font-size: 20px;padding: 15px;border-radius: 8px;color: white;margin-bottom: 15px;}
</style>
<body>
<div id='titledata'>
<div>MAL ID</div>
<input id='MAL_id'/>
</div>
<div id='titledata'>
<div>Resolusi 1 :</div>
<input id='res1' placeholder="480p"/>
<div class='gridbtn'>
<div id='addres1'>Add Link Download</div>
<div class='del1'>Kurangi Link</div>
</div>
<div id='btnres1'></div>
</div>
<div id='titledata'>
<div>Resolusi 2 :</div>
<input id='res2' placeholder="720p"/>
<div class='gridbtn'>
<div id='addres2'>Add Link Download</div>
<div class='del2'>Kurangi Link</div>
</div>
<div id='btnres2'></div>
</div>
<!-- Default -->
<div id='default'>
<!-- Gambar -->
<img alt="XXX" src="XXX"/>
<!-- Informasi -->
<div class="anititle">Information:</div>
<div class="aniInfo">
<ul>
<li><b>Judul</b><span>XXX</span></li>
<li><b>Japanese</b><span>XXX</span></li>
<li><b>Score</b><span>XXX</span></li>
<li><b>Produser</b><span>XXX</span></li>
<li><b>Tipe</b><span>XXX</span></li>
<li><b>Status</b><span>XXX</span></li>
<li><b>Total Episode</b><span>XXX</span></li>
<li><b>Durasi</b><span>XXX</span></li>
<li><b>Tanggal Rilis</b><span>XXX</span></li>
<li><b>Studio</b><span>XXX</span></li>
<li><b>Genre</b><span>XXX</span></li>
</ul>
</div>
<!-- Sinopsis -->
<div class="aniSinoc"><b>Sinopsis:</b><br />
<p>XXX</p>
</div>
<!-- Download -->
<div class="smokeddl">
<div class="smokettl">Download XXX</div>
</div>
</div>
<div class='btnresult'>Get Data</div>
<div class='btnrclear'>Clear All</div>
<div id='copied'></div>
<textarea id='result'></textarea>
<script>
/* Append Link Download */
$('#addres1').click(function(){
$('#btnres1').append("<div class='datainfo_res1'>\
<input class='media1' placeholder='Isi Nama Media Seperti GDrive'/>\
<input class='link1' placeholder='Isi Download'/>\
</div>")
})
$('#addres2').click(function(){
$('#btnres2').append("<div class='datainfo_res2'>\
<input class='media2' placeholder='Isi Nama Media Seperti GDrive'/>\
<input class='link2' placeholder='Isi Download'/>\
</div>")
})
// Delete Input
$('.del1').each(function(){
$(this).click(function(){
var data = document.getElementsByClassName('datainfo_res1');
for(var i = 0; i < data.length;i++){
var datas = data[i];
}
datas.remove()
})
});
$('.del2').each(function(){
$(this).click(function(){
var data = document.getElementsByClassName('datainfo_res2');
for(var i = 0; i < data.length;i++){
var datas = data[i];
}
datas.remove()
})
});
$('.btnresult').click(function(){
// Retrive Data From Input
let MAL_id = $('#MAL_id').val(),
res1 = $('#res1').val(),
res2 = $('#res2').val();
/* Data Download File */
var addfirst = [],
btnfirst = $('.datainfo_res1');
for(var i = 0; i < btnfirst.length;i++){
var media1 = document.getElementsByClassName('media1')[i].value;
var link1 = document.getElementsByClassName('link1')[i].value;
addfirst.push('<a href="'+link1+'" target="_blank" rel="nofollow noopener noreferrer">'+media1+'</a>')
}
if(res1 != ''){
var finalfirst = '<strong>'+res1+'</strong>'+addfirst.join(' | ');
}else{
alert('Resolusi 1 Kosong')
}
var addsecond = [],
btnsecond = $('.datainfo_res2');
for(var i = 0; i < btnsecond.length;i++){
var media2 = document.getElementsByClassName('media2')[i].value;
var link2 = document.getElementsByClassName('link2')[i].value;
addsecond.push('<a href="'+link2+'" target="_blank" rel="nofollow noopener noreferrer">'+media2+'</a>')
}
if(res2 != ''){
var finalsecond = '<strong>'+res2+'</strong>'+addsecond.join(' | ');
}else{
alert('Resolusi 2 Kosong')
}
$('.smokeddl').append(finalfirst +'\n'+ finalsecond + '\n');
if(MAL_id == ''){
alert('Masukkan ID MAL')
}else{
eval(function(p,a,c,k,e,d){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--)d[e(c)]=k[c]||e(c);k=[function(e){return d[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;}('i n=q;l o(){i H=[\'1m\',\'1n\',\'1k\',\'w\',\'1l\',\'1q\',\'1r\',\'.g\\c\\d:e-b(4)\\f\',\'.g\\c\\d:e-b(11)\\f\',\'1o\',\'Q\',\'1p\',\'.g\\c\\d:e-b(8)\\f\',\'r\',\'1j\',\'1d\',\'.g\\c\\d:e-b(5)\\f\',\'1e\',\'1b\',\'1c\',\'1h\',\'1i\',\'1f\',\'1g\',\'1D\',\'1E\\1B\\1C\\1H\',\'#1I\',\'1F\',\'1G\',\'1A\',\'1u\',\'1v\',\'F\',\'1s\',\'1t\',\'.g\\c\\d:e-b(1)\\f\',\'.g\\c\\d:e-b(3)\\f\',\'.g\\c\\d:e-b(6)\\f\',\'1y\',\'1z://1w.1x.V/X/W/\',\'.g\\c\\d:e-b(7)\\f\'];o=l(){m H};m o()}l q(z,E){i B=o();m q=l(s,U){s=s-M;i y=B[s];m y},q(z,E)}(l(C,N){i j=q,p=C();17(!![]){16{i I=k(j(18))/1a*(-k(j(19))/15)+k(j(Z))/Y+-k(j(12))/14+-k(j(13))/1J+-k(j(2h))/2m+k(j(M))/2l+k(j(2k))/2n;2q(I===N)2p;2o p[\'T\'](p[\'D\']())}2j(2e){p[\'T\'](p[\'D\']())}}}(o,2c),$[n(2f)]({\'F\':n(2i),\'2x\':n(2g)+2r,\'2z\':\'2B\',\'2A\':l(a){i 0=n;$(0(G))[0(J)](0(2y),a[0(v)]),$(0(G))[0(J)](\'2w\',a[0(2v)]),$(0(2u))[0(h)](a[0(v)]),$(\'.g\\c\\d:e-b(2)\\f\')[\'r\'](a[0(2s)]),$(0(2t))[0(h)](a[0(1T)]),$(0(1S))[0(h)](a[0(1R)][0(u)](P=>{m P[\'w\']})[\'Q\'](\',\')),$(0(1U))[0(h)](a[0(1X)]),$(0(1W))[0(h)](a[0(1V)]),$(0(1M))[0(h)](a[0(1L)]),$(0(1K))[0(h)](a[\'1N\']),$(\'.g\\c\\d:e-b(9)\\f\')[\'r\'](a[0(1Q)][0(1P)]),$(\'.g\\c\\d:e-b(10)\\f\')[0(h)](a[\'1O\'][0(u)](A=>{i O=0;m A[O(27)]})[0(S)](\',\')),$(0(26))[0(h)](a[0(25)][0(u)](R=>{m R[\'w\']})[0(S)](\',\')),$(\'.28\\2b\')[\'r\'](a[0(2a)]),$(\'.29\')[0(h)](\'20\\1Z\'+a[0(v)]),1Y(l(){i x=0;$(x(L))[x(K)]($(\'#21\')[\'r\']())},24)},\'23\':l(22){i t=n;$(t(L))[t(K)](t(2d))}}));',62,162,'_0x195e8b||||||||||_0x67a560|child|x20ul|x20li|nth|x20span|aniInfo|0x15b|var|_0x2046d8|parseInt|function|return|_0x44bedc|_0x31e3|_0x38a9dc|_0x4ca5|html|_0x4ca53f|_0x12ffb8|0x147|0x15f|name|_0x1dd7ae|_0x2c4f83|_0x25b7d0|_0x476f2a|_0x31e326|_0x25be3d|shift|_0x54fa54|type|0x163|_0x2b083a|_0xbe982a|0x13d|0x150|0x13f|0x13b|_0x28b532|_0xbbd2dc|_0x179986|join|_0x373c81|0x158|push|_0x444cbb|moe|anime|v3|0x3|0x15c|||0x157|0x142|0x4|0x2|try|while|0x153|0x152|0x1|GET|producers|episodes|title|12459902AfpwSS|alt|status|img|129723XDXguI|val|277868eItdXR|aired|score|7017208uRAiRY|image_url|12QVXZwq|synopsis|ajax|map|1949742solugu|33905176sxOiDu|api|jikan|title_japanese|https|6951210sGxlug|x20ID|x20Tidak|attr|MAL|string|genres|x20Valid|result|0x5|0x15a|0x15d|0x14d|duration|studios|0x140|0x14e|0x161|0x155|0x14f|0x15e|0x162|0x14a|0x145|setTimeout|x20|Download|default|_0x1aba86|error|0x3e8|0x141|0x156|0x151|aniSinoc|smokettl|0x154|x20p|0xe1bf9|0x13e|_0xa225db|0x146|0x14c|0x143|0x160|catch|0x144|0x7|0x6|0x8|else|break|if|MAL_id|0x14b|0x149|0x148|0x159|src|url|0x13c|dataType|success|json'.split('|'),0,{}))
}
});
$('.btnrclear').click(function(){
$('.smokeddl').html('');
$('#result').val('');
$('.smokeddl').append('\n'+'<div class="smokettl">Download XXX</div>'+'\n');
});
/* Copied Value Result */
$('#result').on("click",function(){
var copyText = document.getElementById("result");
var statues = document.getElementById('copied');
statues.style.marginBottom = '15px';
statues.style.padding = '15px';
if(!copyText.value){
statues.innerHTML = 'Not Copied, Field Empty'
statues.style.color = 'red';
statues.style.background = '#ffbdbd';
}else{
copyText.select();
copyText.setSelectionRange(0, 99999);
navigator.clipboard.writeText(copyText.value);
statues.innerHTML = 'Successfull Copied'
statues.style.color = 'Green';
statues.style.background = '#9cff9c';
}
})
</script>
versi 2
<style>
#default{display:none;}
#result{height:500px;width:100%;}
#copied{border-radius: 8px;text-align: center;}
.btnresult,.btnrclear{background: blue;text-align: center;font-size: 20px;padding: 15px;border-radius: 8px;color: white;margin-bottom: 15px;cursor:pointer;}
</style>
<body>
<div id='titledata'>
<div>MAL ID</div>
<input id='MAL_id'/>
</div>
<div id='titledata'>
<div>Resolusi 480p :</div>
<div id='media'><span>Acefile : </span><input id='linkAce1'/></div>
<div id='media'><span>GDrive : </span><input id='linkGD1'/></div>
</div>
<div id='titledata'>
<div>Resolusi 720p :</div>
<div id='media'><span>Acefile : </span><input id='linkAce2'/></div>
<div id='media'><span>GDrive : </span><input id='linkGD2'/></div>
</div>
<!-- Default -->
<div id='default'>
<!-- Gambar -->
<img alt="XXX" src="XXX"/>
<!-- Informasi -->
<div class="anititle">Information:</div>
<div class="aniInfo">
<ul>
<li><b>Judul</b><span>XXX</span></li>
<li><b>Japanese</b><span>XXX</span></li>
<li><b>Score</b><span>XXX</span></li>
<li><b>Produser</b><span>XXX</span></li>
<li><b>Tipe</b><span>XXX</span></li>
<li><b>Status</b><span>XXX</span></li>
<li><b>Total Episode</b><span>XXX</span></li>
<li><b>Durasi</b><span>XXX</span></li>
<li><b>Tanggal Rilis</b><span>XXX</span></li>
<li><b>Studio</b><span>XXX</span></li>
<li><b>Genre</b><span>XXX</span></li>
</ul>
</div>
<!-- Sinopsis -->
<div class="aniSinoc"><b>Sinopsis:</b><br />
<p>XXX</p>
</div>
<!-- Download -->
<div class="smokeddl">
<div class="smokettl">Download XXX</div>
</div>
</div>
<div class='btnresult'>Get Data</div>
<div class='btnrclear'>Clear All</div>
<div id='copied'></div>
<textarea id='result'></textarea>
<script>
$('.btnresult').click(function(){
// Retrive Data From Input
let MAL_id = $('#MAL_id').val(),
aclink1 = document.getElementById('linkAce1').value,
aclink2 = document.getElementById('linkAce2').value,
gd1 = document.getElementById('linkGD1').value,
gd2 = document.getElementById('linkGD2').value,
addfirst = [],
addsecond = [];
if(aclink1 != ''){
var ac1 = '<a href="'+aclink1+'" target="_blank" rel="nofollow noopener noreferrer">Acefile</a>';
}else{
var ac1 = '<a href="#" target="_blank" rel="nofollow noopener noreferrer">Acefile</a>';
}
addfirst.push(ac1);
if(aclink2 != ''){
var ac2 = '<a href="'+aclink2+'" target="_blank" rel="nofollow noopener noreferrer">Acefile</a>';
}else{
var ac2 = '<a href="#" target="_blank" rel="nofollow noopener noreferrer">Acefile</a>';
}
addsecond.push(ac2);
if(gd1 != ''){
var gdrive1 = '<a href="'+gd1+'" target="_blank" rel="nofollow noopener noreferrer">GoogleDrive</a>';
}else{
var gdrive1 = '<a href="#" target="_blank" rel="nofollow noopener noreferrer">GoogleDrive</a>';
}
addfirst.push(gdrive1);
if(gd2 != ''){
var gdrive2 = '<a href="'+gd2+'" target="_blank" rel="nofollow noopener noreferrer">GoogleDrive</a>';
}else{
var gdrive2 = '<a href="#" target="_blank" rel="nofollow noopener noreferrer">GoogleDrive</a>';
}
addsecond.push(gdrive2);
var finalfirst = '<div class="smokeurl"><strong>480p</strong>'+addfirst.join(' | ')+'</div>';
var finalsecond = '<div class="smokeurl"><strong>720p</strong>'+addsecond.join(' | ')+'</div>';
$('.smokeddl').append(finalfirst +'\n'+ finalsecond + '\n');
if(MAL_id == ''){
alert('Masukkan ID MAL')
}else{
eval(function(p,a,c,k,e,d){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--)d[e(c)]=k[c]||e(c);k=[function(e){return d[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;}('i n=q;l o(){i H=[\'1m\',\'1n\',\'1k\',\'w\',\'1l\',\'1q\',\'1r\',\'.g\\c\\d:e-b(4)\\f\',\'.g\\c\\d:e-b(11)\\f\',\'1o\',\'Q\',\'1p\',\'.g\\c\\d:e-b(8)\\f\',\'r\',\'1j\',\'1d\',\'.g\\c\\d:e-b(5)\\f\',\'1e\',\'1b\',\'1c\',\'1h\',\'1i\',\'1f\',\'1g\',\'1D\',\'1E\\1B\\1C\\1H\',\'#1I\',\'1F\',\'1G\',\'1A\',\'1u\',\'1v\',\'F\',\'1s\',\'1t\',\'.g\\c\\d:e-b(1)\\f\',\'.g\\c\\d:e-b(3)\\f\',\'.g\\c\\d:e-b(6)\\f\',\'1y\',\'1z://1w.1x.V/X/W/\',\'.g\\c\\d:e-b(7)\\f\'];o=l(){m H};m o()}l q(z,E){i B=o();m q=l(s,U){s=s-M;i y=B[s];m y},q(z,E)}(l(C,N){i j=q,p=C();17(!![]){16{i I=k(j(18))/1a*(-k(j(19))/15)+k(j(Z))/Y+-k(j(12))/14+-k(j(13))/1J+-k(j(2h))/2m+k(j(M))/2l+k(j(2k))/2n;2q(I===N)2p;2o p[\'T\'](p[\'D\']())}2j(2e){p[\'T\'](p[\'D\']())}}}(o,2c),$[n(2f)]({\'F\':n(2i),\'2x\':n(2g)+2r,\'2z\':\'2B\',\'2A\':l(a){i 0=n;$(0(G))[0(J)](0(2y),a[0(v)]),$(0(G))[0(J)](\'2w\',a[0(2v)]),$(0(2u))[0(h)](a[0(v)]),$(\'.g\\c\\d:e-b(2)\\f\')[\'r\'](a[0(2s)]),$(0(2t))[0(h)](a[0(1T)]),$(0(1S))[0(h)](a[0(1R)][0(u)](P=>{m P[\'w\']})[\'Q\'](\',\')),$(0(1U))[0(h)](a[0(1X)]),$(0(1W))[0(h)](a[0(1V)]),$(0(1M))[0(h)](a[0(1L)]),$(0(1K))[0(h)](a[\'1N\']),$(\'.g\\c\\d:e-b(9)\\f\')[\'r\'](a[0(1Q)][0(1P)]),$(\'.g\\c\\d:e-b(10)\\f\')[0(h)](a[\'1O\'][0(u)](A=>{i O=0;m A[O(27)]})[0(S)](\',\')),$(0(26))[0(h)](a[0(25)][0(u)](R=>{m R[\'w\']})[0(S)](\',\')),$(\'.28\\2b\')[\'r\'](a[0(2a)]),$(\'.29\')[0(h)](\'20\\1Z\'+a[0(v)]),1Y(l(){i x=0;$(x(L))[x(K)]($(\'#21\')[\'r\']())},24)},\'23\':l(22){i t=n;$(t(L))[t(K)](t(2d))}}));',62,162,'_0x195e8b||||||||||_0x67a560|child|x20ul|x20li|nth|x20span|aniInfo|0x15b|var|_0x2046d8|parseInt|function|return|_0x44bedc|_0x31e3|_0x38a9dc|_0x4ca5|html|_0x4ca53f|_0x12ffb8|0x147|0x15f|name|_0x1dd7ae|_0x2c4f83|_0x25b7d0|_0x476f2a|_0x31e326|_0x25be3d|shift|_0x54fa54|type|0x163|_0x2b083a|_0xbe982a|0x13d|0x150|0x13f|0x13b|_0x28b532|_0xbbd2dc|_0x179986|join|_0x373c81|0x158|push|_0x444cbb|moe|anime|v3|0x3|0x15c|||0x157|0x142|0x4|0x2|try|while|0x153|0x152|0x1|GET|producers|episodes|title|12459902AfpwSS|alt|status|img|129723XDXguI|val|277868eItdXR|aired|score|7017208uRAiRY|image_url|12QVXZwq|synopsis|ajax|map|1949742solugu|33905176sxOiDu|api|jikan|title_japanese|https|6951210sGxlug|x20ID|x20Tidak|attr|MAL|string|genres|x20Valid|result|0x5|0x15a|0x15d|0x14d|duration|studios|0x140|0x14e|0x161|0x155|0x14f|0x15e|0x162|0x14a|0x145|setTimeout|x20|Download|default|_0x1aba86|error|0x3e8|0x141|0x156|0x151|aniSinoc|smokettl|0x154|x20p|0xe1bf9|0x13e|_0xa225db|0x146|0x14c|0x143|0x160|catch|0x144|0x7|0x6|0x8|else|break|if|MAL_id|0x14b|0x149|0x148|0x159|src|url|0x13c|dataType|success|json'.split('|'),0,{}))
}
});
$('.btnrclear').click(function(){
$('.smokeddl').html('');
$('#result').val('');
$('.smokeddl').append('\n'+'<div class="smokettl">Download XXX</div>'+'\n');
});
/* Copied Value Result */
$('#result').on("click",function(){
var copyText = document.getElementById("result");
var statues = document.getElementById('copied');
statues.style.marginBottom = '15px';
statues.style.padding = '15px';
if(!copyText.value){
statues.innerHTML = 'Not Copied, Field Empty'
statues.style.color = 'red';
statues.style.background = '#ffbdbd';
}else{
copyText.select();
copyText.setSelectionRange(0, 99999);
navigator.clipboard.writeText(copyText.value);
statues.innerHTML = 'Successfull Copied'
statues.style.color = 'Green';
statues.style.background = '#9cff9c';
}
})
</script>
Jangan Lupa Gunakan Jquary Library jika belum ada diblog kalian :
Cara Menggunakan Source Code
CSS tempat nya di dalam tag <style> atau <b:skin>. Contoh:
<style>
/* CSS tempel di sini */
</style>
Javascript biasa nya di letakkan di atas tag </body> Contoh:
<script type='text/javascript'>/*<![CDATA[*/
//Tempel Disini Script nya.
/*]]>*/</script>
</body>
HTML terserah mau pasang di mana. mau di template atau postingan terserah.