ProjeXCode Forum: [Requests By Yukine] Post Generator Unknown Theme

March 02, 2022

Share this Threads

Request Dari Yukine

Demo : Click Disini

CSS :

        #default{display:none;}
        #grid{display:grid;grid-template-columns:repeat(2,auto);grid-gap:8px}
        #row-data #data:nth-child(1){margin-top:0;}
        #row-data #data{display:flex;align-items:center;justify-content:space-between;margin-top:12px;}
        #row-data{border-right: 1px solid black;padding-right: 12px;}
        #row-result{margin-left:4px;}
        #submitbtn{width:80%;text-align:center;padding:8px;border-radius:8px;background:red;color:white;margin:0 auto;margin-top:12px;cursor:pointer;font-weight:600;}
        #result{width:100%;height:100%;}
        #copied{border-radius: 8px;text-align: center;margin-top:18px;}

Markup HTML :

<div id='grid'>
<div id='row-data'>
<div id='data'>
<span>Source</span>
<input id='source' type='text' placeholder='Otakudesu'/>
<span>URL</span>
<input id='url' type='url' placeholder='Otakudesu.pro'/>
</div>
<div id='data'>
<span>Info Unduh</span>
<textarea id='notice' placeholder='Jika Link Rusak silahkan Lapor ke Admin'></textarea>
</div>
<div id='data'>
<span>360p</span>
<input id='360p' placeholder='URL GDRive'/>
</div>
<div id='data'>
<span>480p</span>
<input id='480p' placeholder='URL GDRive'/>
</div>
<div id='data'>
<span>720p</span>
<input id='720p' placeholder='URL GDRive'/>
</div>
<div id='data'>
<span>1080p</span>
<input id='1080p' placeholder='URL GDRive'/>
</div>
<div id='submitbtn'>GET DATA</div>
</div>
<div id='row-result'>
<textarea id='result'></textarea>
</div>
</div>
<div id='copied'></div>
<div id='default'>
<div class="sumber">
  Sumber : <a href="">nama Fansub</a>
</div>

<div class="info-unduh">
  Tempat Pesan Singkat
</div>

<div class="unduh">

  <div>
    <h3>360p</h3>
    <div class="list-unduh">
      <a id="GD" href="" target="_blank">GD </a>
    </div>
  </div>

  <div>
    <h3>480p</h3>
    <div class="list-unduh">
      <a id="GD" href="" target="_blank">GD </a>
    </div>
  </div>

  <div>
    <h3>720p</h3>
    <div class="list-unduh">
      <a id="GD" href="" target="_blank">GD </a>
    </div>
  </div>

  <div>
    <h3>1080p</h3>
    <div class="list-unduh">
      <a id="GD" href="" target="_blank">GD </a>
    </div>
  </div>
</div>
</div>

$('#submitbtn').click(function(){
// Data Retrieve
var source = $('#source').val(),
url=$('#url').val(),
info=$('#notice').val(),
res360=$('#360p').val(),
res480=$('#480p').val(),
res720=$('#720p').val(),
res1080=$('#1080p').val();

// processed data in markup Default
$('#default .sumber a').html(source);
$('#default .sumber a').attr('href',url != '' ? url : '#');
$('#default .info-unduh').html(info);
$('#default .unduh div:nth-child(2) a').attr('href',res480 != '' ? res480 : '#');
$('#default .unduh div:nth-child(3) a').attr('href',res720 != '' ? res720 : '#');
$('#default .unduh div:nth-child(4) a').attr('href',res1080 != '' ? res1080 : '#');
$('#default .unduh div:nth-child(1) a').attr('href',res360 != '' ? res360 : '#');

// Result
$('#result').html($('#default').html());
});

$('#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';
    }
  })

Jangan Lupa Untuk Memakai Jquery Library :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>

Full Code :

<style> 
#default{display:none;}
        #grid{display:grid;grid-template-columns:repeat(2,auto);grid-gap:8px}
        #row-data #data:nth-child(1){margin-top:0;}
        #row-data #data{display:flex;align-items:center;justify-content:space-between;margin-top:12px;}
        #row-data{border-right: 1px solid black;padding-right: 12px;}
        #row-result{margin-left:4px;}
        #submitbtn{width:80%;text-align:center;padding:8px;border-radius:8px;background:red;color:white;margin:0 auto;margin-top:12px;cursor:pointer;font-weight:600;}
        #result{width:100%;height:100%;}
        #copied{border-radius: 8px;text-align: center;margin-top:18px;}
</style>
<div id='grid'>
<div id='row-data'>
<div id='data'>
<span>Source</span>
<input id='source' type='text' placeholder='Otakudesu'/>
<span>URL</span>
<input id='url' type='url' placeholder='Otakudesu.pro'/>
</div>
<div id='data'>
<span>Info Unduh</span>
<textarea id='notice' placeholder='Jika Link Rusak silahkan Lapor ke Admin'></textarea>
</div>
<div id='data'>
<span>360p</span>
<input id='360p' placeholder='URL GDRive'/>
</div>
<div id='data'>
<span>480p</span>
<input id='480p' placeholder='URL GDRive'/>
</div>
<div id='data'>
<span>720p</span>
<input id='720p' placeholder='URL GDRive'/>
</div>
<div id='data'>
<span>1080p</span>
<input id='1080p' placeholder='URL GDRive'/>
</div>
<div id='submitbtn'>GET DATA</div>
</div>
<div id='row-result'>
<textarea id='result'></textarea>
</div>
</div>
<div id='copied'></div>
<div id='default'>
<div class="sumber">
  Sumber : <a href="">nama Fansub</a>
</div>

<div class="info-unduh">
  Tempat Pesan Singkat
</div>

<div class="unduh">

  <div>
    <h3>360p</h3>
    <div class="list-unduh">
      <a id="GD" href="" target="_blank">GD </a>
    </div>
  </div>

  <div>
    <h3>480p</h3>
    <div class="list-unduh">
      <a id="GD" href="" target="_blank">GD </a>
    </div>
  </div>

  <div>
    <h3>720p</h3>
    <div class="list-unduh">
      <a id="GD" href="" target="_blank">GD </a>
    </div>
  </div>

  <div>
    <h3>1080p</h3>
    <div class="list-unduh">
      <a id="GD" href="" target="_blank">GD </a>
    </div>
  </div>
</div>
</div>
<script>
$('#submitbtn').click(function(){
// Data Retrieve
var source = $('#source').val(),
url=$('#url').val(),
info=$('#notice').val(),
res360=$('#360p').val(),
res480=$('#480p').val(),
res720=$('#720p').val(),
res1080=$('#1080p').val();

// processed data in markup Default
$('#default .sumber a').html(source);
$('#default .sumber a').attr('href',url != '' ? url : '#');
$('#default .info-unduh').html(info);
$('#default .unduh div:nth-child(2) a').attr('href',res480 != '' ? res480 : '#');
$('#default .unduh div:nth-child(3) a').attr('href',res720 != '' ? res720 : '#');
$('#default .unduh div:nth-child(4) a').attr('href',res1080 != '' ? res1080 : '#');
$('#default .unduh div:nth-child(1) a').attr('href',res360 != '' ? res360 : '#');

// Result
$('#result').html($('#default').html());
});

$('#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 :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
<style> 
#default{display:none;}
        #grid{display:grid;grid-template-columns:repeat(2,auto);grid-gap:8px}
        #row-data #data:nth-child(1){margin-top:0;}
        #row-data #data{display:flex;align-items:center;justify-content:space-between;margin-top:12px;flex-wrap: wrap;}
        #row-data{border-right: 1px solid black;padding-right: 12px;}
        #row-result{margin-left:4px;}
        #submitbtn{width:80%;text-align:center;padding:8px;border-radius:8px;background:red;color:white;margin:0 auto;margin-top:12px;cursor:pointer;font-weight:600;}
        #result{width:100%;height:100%;}
        #copied{border-radius: 8px;text-align: center;margin-top:18px;}
        .gridbtn{display:grid;grid-template-columns:auto auto;grid-gap:8px;}
        #btnres1,#btnres2,#btnres3,#btnres4{page-break-before: always;break-before: always;}
</style>
<div id='grid'>
<div id='row-data'>
<div id='data'>
<span>Source</span>
<input id='source' type='text' placeholder='Otakudesu'/>
<span>URL</span>
<input id='url' type='url' placeholder='Otakudesu.pro'/>
</div>
<div id='data'>
<span>Info Unduh</span>
<textarea id='notice' placeholder='Jika Link Rusak silahkan Lapor ke Admin'></textarea>
</div>
<div id='data'>
<span>360p</span>
  <div class='gridbtn'>
      <div id='addres1'>Add Link Download</div>
      <div class='del1'>Kurangi Link</div>
    </div>
  <div id='btnres1'></div>
</div>
<div id='data'>
<span>480p</span>
  <div class='gridbtn'>
      <div id='addres2'>Add Link Download</div>
      <div class='del2'>Kurangi Link</div>
    </div>
  <div id='btnres2'></div>
</div>
<div id='data'>
<span>720p</span>
  <div class='gridbtn'>
      <div id='addres3'>Add Link Download</div>
      <div class='del3'>Kurangi Link</div>
    </div>
  <div id='btnres3'></div>
</div>
<div id='data'>
<span>1080p</span>
  <div class='gridbtn'>
      <div id='addres4'>Add Link Download</div>
      <div class='del4'>Kurangi Link</div>
    </div>
  <div id='btnres4'></div>
</div>
<div id='submitbtn'>GET DATA</div>
</div>
<div id='row-result'>
<textarea id='result'></textarea>
</div>
</div>
<div id='copied'></div>
<div id='default'>
<div class="sumber">
  Sumber : <a href="">nama Fansub</a>
</div>

<div class="info-unduh">
  Tempat Pesan Singkat
</div>

<div class="unduh">

  <div>
    <h3>360p</h3>
    <div class="list-unduh">
      <a id="GD" href="" target="_blank">GD </a>
    </div>
  </div>

  <div>
    <h3>480p</h3>
    <div class="list-unduh">
      <a id="GD" href="" target="_blank">GD </a>
    </div>
  </div>

  <div>
    <h3>720p</h3>
    <div class="list-unduh">
      <a id="GD" href="" target="_blank">GD </a>
    </div>
  </div>

  <div>
    <h3>1080p</h3>
    <div class="list-unduh">
      <a id="GD" href="" target="_blank">GD </a>
    </div>
  </div>
</div>
</div>
<script>
// Index Numbering Append Event
     var num1 = 0,
     num2=0,num3=0,num4=0;
     
  /* Append Link Download */
  $('#addres1').click(function(){
   num1++
  $('#btnres1').append("<div class='datainfo_res1'>"+num1+"\
  <input class='media1' placeholder='Isi Nama Media Seperti GDrive'/>\
  <input class='link1' placeholder='Isi Download'/>\
  </div>")
  })
    $('#addres2').click(function(){
   num2++
  $('#btnres2').append("<div class='datainfo_res2'>"+num2+"\
  <input class='media2' placeholder='Isi Nama Media Seperti GDrive'/>\
  <input class='link2' placeholder='Isi Download'/>\
  </div>")
  })
    $('#addres3').click(function(){
   num3++
  $('#btnres3').append("<div class='datainfo_res3'>"+num3+"\
  <input class='media3' placeholder='Isi Nama Media Seperti GDrive'/>\
  <input class='link3' placeholder='Isi Download'/>\
  </div>")
  })
    $('#addres4').click(function(){
   num4++
  $('#btnres4').append("<div class='datainfo_res4'>"+num4+"\
  <input class='media4' placeholder='Isi Nama Media Seperti GDrive'/>\
  <input class='link4' placeholder='Isi Download'/>\
  </div>")
  })
  
  /* Delete Input Data */
  $('.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()
    })
  });
    $('.del3').each(function(){
    $(this).click(function(){
    var data = document.getElementsByClassName('datainfo_res3');
    for(var i = 0; i < data.length;i++){
     var datas = data[i];
      }
    datas.remove()
    })
  });
    $('.del4').each(function(){
    $(this).click(function(){
    var data = document.getElementsByClassName('datainfo_res4');
    for(var i = 0; i < data.length;i++){
     var datas = data[i];
      }
    datas.remove()
    })
  });
  
$('#submitbtn').click(function(){
// Data Retrieve
var source = $('#source').val(),
url=$('#url').val(),
info=$('#notice').val();

// processed data in markup Default
$('#default .sumber a').html(source);
$('#default .sumber a').attr('href',url != '' ? url : '#');
$('#default .info-unduh').html(info);

if($('.datainfo_res1').length > 0){
$('#default .unduh div:nth-child(1) .list-unduh').html('');
for(var res1=0;res1<$('.datainfo_res1').length;res1++){
var media360 = document.getElementsByClassName('media1')[res1].value;
var link360 = document.getElementsByClassName('link1')[res1].value;
$('#default .unduh div:nth-child(1) .list-unduh').append('\n<a id="GD" href="'+link360+'" target="_blank">'+media360+'</a>');
}
}else{
$('#default .unduh div:nth-child(1) a').attr('href','#')
}

if($('.datainfo_res2').length > 0){
$('#default .unduh div:nth-child(2) .list-unduh').html('');
for(var res2=0;res2<$('.datainfo_res2').length;res2++){
var media480 = document.getElementsByClassName('media2')[res2].value;
var link480 = document.getElementsByClassName('link2')[res2].value;
$('#default .unduh div:nth-child(2) .list-unduh').append('\n<a id="GD" href="'+link480+'" target="_blank">'+media480+'</a>');
}
}else{
$('#default .unduh div:nth-child(2) a').attr('href','#')
}

if($('.datainfo_res3').length > 0){
$('#default .unduh div:nth-child(3) .list-unduh').html('');
for(var res3=0;res3<$('.datainfo_res3').length;res3++){
var media720 = document.getElementsByClassName('media3')[res3].value;
var link720 = document.getElementsByClassName('link3')[res3].value;
$('#default .unduh div:nth-child(3) .list-unduh').append('\n<a id="GD" href="'+link720+'" target="_blank">'+media720+'</a>');
}
}else{
$('#default .unduh div:nth-child(3) a').attr('href','#')
}

if($('.datainfo_res4').length > 0){
$('#default .unduh div:nth-child(4) .list-unduh').html('');
for(var res4=0;res4<$('.datainfo_res4').length;res4++){
var media1080 = document.getElementsByClassName('media4')[res4].value;
var link1080 = document.getElementsByClassName('link4')[res4].value;
$('#default .unduh div:nth-child(4) .list-unduh').append('\n<a id="GD" href="'+link1080+'" target="_blank">'+media1080+'</a>');
}
}else{
$('#default .unduh div:nth-child(4) a').attr('href','#')
}

// Result
$('#result').html($('#default').html());
});

$('#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>

Wernayasa

Status

Sun Mar 06, 07:18:00 AM GMT+9

Nice, keren yang v2.
Gimana caranya agar komentar followers only?

김서정

Sun Mar 06, 12:07:00 PM GMT+9

di Setting Blogger > Who Can Comment > Pilih only member this blog

tpi skrng ku buat moderation aja biar orng ga bingung.tpi bakal delay karena diriku ga pernah buka dashboard blogger kalo ga update artikel blog
ku buat gini karena salah satu artikel ku dpt tempat di GSE tentang Serial Key Software.imbasnya kena spam bot comment yg ngindex profile Blogger.jadi merata itu ke semua blogku www

Sun Mar 06, 07:21:00 PM GMT+9

Oh, ternyata ada di Setelan.
Perasaan dulu gk ada pengaturan hanya untuk follower, ahh... mungkin aku lupa.
Aku dapat spam comment tapi gk banyak, ada 1/2 aja, setelah ku hapus gk muncul lagi.

Similar Threads

Request Tools [Requests By Yukine] Post Generator Unknown Theme

Title Role Staff

Title Role Senior Member

Title Role Member

Title Role Junior Member

Title Role New Member

Title Badge Moderator

Title Color Moderator

Title Badge Staff

Title Color Staff

Title Badge Member

Title Color Member

Status Info

Status Verified

ADS Title User

Similar Threads