ProjeXCode Forum: [Requests By Yare Yare] Post Generator AniFilm

November 29, 2021

Share this Threads

Kali Ini Request an dari Yare Yare Tentang Post Generator AniFilm. Saya tidak tau tujuan apa tapi yang jelas post Generator seperti ini mempermudah anda untuk membuat artikel apalagi di platform blogger.

Style/CSS :

<style>
            #basic_data{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,max-content));grid-gap: 15px 0;margin-bottom: 15px;}
            #description{width:100%;height:200px;}
            #download_data{margin-top:15px;}
            #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;}
            #btnresult{background: blue;text-align: center;font-size: 20px;padding: 15px;border-radius: 8px;color: white;margin-bottom: 15px;}
            .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;}
        </style>

Untuk CSS kalian bisa mengubah Sesuai Keingingan kalian entah Background atau color ataupun tata letaknya.

HTML/Markup :

<!-- Basic Data -->
<div id='basic_data'>
<div id='datainfo'>
<div>Judul Anime :</div>
<input id='title' placeholder='Judul Anime' type='text'/>
</div>
<div id='datainfo'>
<div>URL Image Anime :</div>
<input id='featuredImage' placeholder='URL Image Featured Image' type='url'/>
</div>
<div id='datainfo'>
<div>URL Trailer Anime :</div>
<input id='Trailer' placeholder='URL Trailer' type='text'/>
</div>
<div id='datainfo'>
<div>Rating Value Anime :</div>
<input id='ratingvalue' placeholder='Rating Value' type='text'/>
</div>
<div id='datainfo'>
<div>Rating Count Anime :</div>
<input id='ratingcount' placeholder='Rating Count' type='text'/>
</div>
<div id='datainfo'>
<div>Persentase Bar Rating Anime :</div>
<input id='rating_bar' placeholder='Persentase Bar Rating' type='text'/>
</div>
</div>
<div id='datainfo'>
<div>Deskripsi Anime :</div>
<textarea id='description' placeholder='Deskripsi Anime' type='text'></textarea>
</div>

<!-- Download Data -->
<div id='download_data'>
<div id='datainfo'>
<div>Episode :</div>
<input id='eps' placeholder="Isi Eps saja 1-20"/>
</div>
<div id='datainfo'>
<div>Resolusi 1 :</div>
<input id='res1' placeholder="360p"/>
<div>Size 1 :</div>
<input id='size1' placeholder="1GB"/>
<div class='gridbtn'>
<div id='addres1'>Add Link Download</div>
<div class='del1'>Kurangi Link</div>
</div>
<div id='btnres1'></div>
</div>
<div id='datainfo'>
<div>Resolusi 2 :</div>
<input id='res2' placeholder="480p"/>
<div>Size 2 :</div>
<input id='size2' placeholder="2GB"/>
<div class='gridbtn'>
<div id='addres2'>Add Link Download</div>
<div class='del2'>Kurangi Link</div>
</div>
<div id='btnres2'></div>
</div>
<div id='datainfo'>
<div>Resolusi 3 :</div>
<input id='res3' placeholder="720p"/>
<div>Size 3 :</div>
<input id='size3' placeholder="3GB"/>
<div class='gridbtn'>
<div id='addres3'>Add Link Download</div>
<div class='del3'>Kurangi Link</div>
</div>
<div id='btnres3'></div>
</div>
</div>
<div id='default'>
    <div id="information">
        <div class="dagruel-sinopsis">    
          <div class="left">      
            <bingkai id="featImage">        
              <div class="waluhImage"><img src="https://cdn.statically.io/img/i.postimg.cc/tJFm9bcJ/Mirai-Nikki.webp">          
                <div class="rating-area">            
                  <div class="rt" itemscope="itemscope" itemprop="aggregateRating" itemtype="//schema.org/AggregateRating">              
                    <meta itemprop="worstRating" content="1">              
                    <meta itemprop="bestRating" content="10">              
                    <span itemprop="ratingValue">7.49</span>              
                    /               
                    <span itemprop="ratingCount">1661</span>              
                    <div class="rateContent">                
                      <div class="rating-bar">                  
                        <span style="width: 69%;">                  
                        </span>                
                      </div>              
                    </div>            
                  </div>          
                </div>        
              </div>      
            </bingkai>    
          </div>    
          <div class="right">      
            <div class="sinojudul">        
              <div class="judul">          
                <h1>Mirai Nikki</h1>          
                <span class="trailer"><a href="https://myanimelist.net/anime/10620/Mirai_Nikki_TV">            
                  <svg style="width:14.63px;height:13px" viewBox="0 0 22 22">              
                    <path fill="#1e88e5" d="M19.11 7.47145L15.59 3.95145C12.43 0.801451 10.77 1.96145 8.77005 3.95145L3.11005 9.61145C1.96005 10.7615 1.33005 11.5015 1.10005 12.3215C1.10005 12.3315 1.09005 12.3315 1.09005 12.3315C1.09005 12.3415 1.09005 12.3415 1.09005 12.3415C1.09005 12.3515 1.09005 12.3515 1.09005 12.3515V12.3815C0.680048 13.8415 1.76005 15.0815 3.11005 16.4315L6.64005 19.9415C7.90005 21.2115 8.92005 22.0015 10.05 22.0015C11.18 22.0015 12.15 21.2415 13.45 19.9415L19.11 14.2915C19.6 13.7915 19.96 13.3815 20.24 12.9915C20.24 12.9815 20.24 12.9815 20.24 12.9815C20.24 12.9815 20.24 12.9815 20.25 12.9815C21.53 11.1915 21.19 9.54145 19.11 7.47145ZM18.08 11.3715H18.07C17.77 11.3015 17.46 11.2415 17.15 11.1815C17.13 11.1815 17.11 11.1715 17.08 11.1715C16.38 11.0415 15.67 10.9315 14.95 10.8415H14.91C14.19 10.7515 13.46 10.6815 12.73 10.6415H12.65C12.01 10.6015 11.36 10.5815 10.72 10.5815C9.94005 10.5815 9.16005 10.6215 8.39005 10.6715C8.26005 10.6815 8.14005 10.6915 8.02005 10.7015C7.44005 10.7415 6.86005 10.8015 6.29005 10.8715C6.13005 10.8915 5.98005 10.9115 5.83005 10.9315C5.25005 11.0215 4.68005 11.1115 4.11005 11.2215C3.98005 11.2515 3.86005 11.2715 3.73005 11.2915C3.68005 11.3015 3.62005 11.3115 3.57005 11.3215C3.75005 11.1215 3.96005 10.9115 4.19005 10.6815L9.84005 5.03145C11.66 3.23145 12.28 2.80145 14.52 5.03145L18.03 8.55145C18.57 9.08145 18.93 9.53145 19.15 9.92145C19.15 9.92145 19.15 9.93145 19.16 9.93145C19.58 10.6615 18.9 11.5315 18.08 11.3715Z">
                    </path>            
                  </svg>Informasi</a>          
                </span>        
              </div>        
              <div class="alternaiv">                                 
              </div>      
            </div> 
            <p>
            <div class="desc">        
              <h3>Sinopsis</h3>        
              <p>Yuki adalah seorang penyendiri yang tidak pandai bersosialisasi. Dia lebih suka menulis diari di ponsel dan berbicara dengan teman imajinasinya, Deus Ex Machina (Dewa Ruang dan Waktu). Setelah Deus membawanya berpartisipasi dalam pertempuran hidup mati dengan 11 orang lain, Ia menyadari kalau Deus bukanlah imajinasinya saja.</p>      
            </div>      
            <div class="genre-info">      
            </div>    
          </div>  
        </div> 
      <div id="download">  
      <h2>Link Download Batch</h2>
      <div class="mctnx">  
        <div class="soraddl dlone">    
          <div class="sorattl downSible">      
            <h3>Download Mirai Nikki (01-26)</h3>    
          </div>    
          <div class="content">      
            <div class="soraurl first">        
              <div class="res">360p</div>        
              <div class="slink">          

              </div>        
              <div class="res">0.9GB</div>      
            </div>      
            <div class="soraurl second">        
              <div class="res">480p</div>        
              <div class="slink">          

              </div>        
              <div class="res">1.6GB</div>      
            </div>      
            <div class="soraurl third">        
              <div class="res">720p</div>        
              <div class="slink">          

              </div>        
              <div class="res">3.3GB</div>      
            </div>    
          </div>  
        </div>
        </div>
</div>
</div>
</div>
<div id='btnresult'>Get Data</div>
<div id='copied'></div>
<textarea id='result'></textarea>

Untuk Bagian id Default. Itu adalah default post/struktur yang dipakai Yare Yare dalam postnya.jadi apabila struktur anda tidak sama, silahkan sesuaikan pada di script jsnya nanti.

Javascript/Jquery :

/* 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>")
})
$('#addres3').click(function(){
$('#btnres3').append("<div class='datainfo_res3'>\
<input class='media3' placeholder='Isi Nama Media Seperti GDrive'/>\
<input class='link3' 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()
  })
});

/* Executor Finishing */
$('#btnresult').click(function(){
/* Mengambil Data Dari Input */
var title = $('#title').val(),
description = $('#description').val(),
link_image = $('#featuredImage').val(),
link_trailer = $('#Trailer').val(),
rating_value = $('#ratingvalue').val(),
rating_count = $('#ratingcount').val(),
rating_bar = $('#rating_bar').val(),
eps = $('#eps').val(),
res1 = $('#res1').val(),
res2 = $('#res2').val(),
res3 = $('#res3').val(),
size1 = $('#size1').val(),
size2 = $('#size2').val(),
size3 = $('#size3').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>')
}
$('.first .slink').html(addfirst.join('\n'));
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>')
}
$('.second .slink').html(addsecond.join('\n'));
var addthird = [],
btnthird = $('.datainfo_res3');
for(var i = 0; i < btnthird.length;i++){
var media3 = document.getElementsByClassName('media3')[i].value;
var link3 = document.getElementsByClassName('link3')[i].value;
addthird.push('<a href="'+link3+'" target="_blank" rel="nofollow noopener noreferrer">'+media3+'</a>')
}
$('.third .slink').html(addthird.join('\n'));

/* Menerapkan Data Yang Diambil kedalam Default Struktur Post */
$('.judul h1').html(title);
$('.desc p').html(description);
$('.waluhImage img').attr('src',link_image);
$('.trailer a').attr('href',link_trailer);
$('.rt span[itemprop="ratingValue"]').html(rating_value);
$('.rt span[itemprop="ratingCount"]').html(rating_count);
$('.rating-bar span').attr('style','width:'+rating_bar);
$('.sorattl h3').html('Download '+title+' ('+eps+')');
$('.first .res:nth-child(1)').html(res1);
$('.second .res:nth-child(1)').html(res2);
$('.third .res:nth-child(1)').html(res3);
$('.first .res:nth-child(3)').html(size1);
$('.second .res:nth-child(3)').html(size2);
$('.third .res:nth-child(3)').html(size3);

/* Menampilkan Struktur Yang Sudah diterapkan Kedalam Textarea */
$('#result').val($('#default').html());
})

/* 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';
    }
  })

Untuk JS Cukup Simple gada yang special

Keterangan Pemakaina

- Untuk Persentase Bar Isi Misal "80%"
- Untuk Episode Silahkan Isi Misal "(1-20)". nanti bakal otomatis pada "Download bla bla (1-20)"
- Jika Ingin menggunakan Script ini diweb kalian Silahkan Gunakan Jquery Library

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

- Untuk Demo Silahkan Click Disini

dan untuk Full Codenya Silahkan Copy dibawah ini

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
        <style>
            #basic_data{display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,max-content));grid-gap: 15px 0;margin-bottom: 15px;}
            #description{width:100%;height:200px;}
            #download_data{margin-top:15px;}
            #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;}
            #btnresult{background: blue;text-align: center;font-size: 20px;padding: 15px;border-radius: 8px;color: white;margin-bottom: 15px;}
            .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;}
        </style>
<!-- Basic Data -->
<div id='basic_data'>
<div id='datainfo'>
<div>Judul Anime :</div>
<input id='title' placeholder='Judul Anime' type='text'/>
</div>
<div id='datainfo'>
<div>URL Image Anime :</div>
<input id='featuredImage' placeholder='URL Image Featured Image' type='url'/>
</div>
<div id='datainfo'>
<div>URL Trailer Anime :</div>
<input id='Trailer' placeholder='URL Trailer' type='text'/>
</div>
<div id='datainfo'>
<div>Rating Value Anime :</div>
<input id='ratingvalue' placeholder='Rating Value' type='text'/>
</div>
<div id='datainfo'>
<div>Rating Count Anime :</div>
<input id='ratingcount' placeholder='Rating Count' type='text'/>
</div>
<div id='datainfo'>
<div>Persentase Bar Rating Anime :</div>
<input id='rating_bar' placeholder='Persentase Bar Rating' type='text'/>
</div>
</div>
<div id='datainfo'>
<div>Deskripsi Anime :</div>
<textarea id='description' placeholder='Deskripsi Anime' type='text'></textarea>
</div>

<!-- Download Data -->
<div id='download_data'>
<div id='datainfo'>
<div>Episode :</div>
<input id='eps' placeholder="Isi Eps saja 1-20"/>
</div>
<div id='datainfo'>
<div>Resolusi 1 :</div>
<input id='res1' placeholder="360p"/>
<div>Size 1 :</div>
<input id='size1' placeholder="1GB"/>
<div class='gridbtn'>
<div id='addres1'>Add Link Download</div>
<div class='del1'>Kurangi Link</div>
</div>
<div id='btnres1'></div>
</div>
<div id='datainfo'>
<div>Resolusi 2 :</div>
<input id='res2' placeholder="480p"/>
<div>Size 2 :</div>
<input id='size2' placeholder="2GB"/>
<div class='gridbtn'>
<div id='addres2'>Add Link Download</div>
<div class='del2'>Kurangi Link</div>
</div>
<div id='btnres2'></div>
</div>
<div id='datainfo'>
<div>Resolusi 3 :</div>
<input id='res3' placeholder="720p"/>
<div>Size 3 :</div>
<input id='size3' placeholder="3GB"/>
<div class='gridbtn'>
<div id='addres3'>Add Link Download</div>
<div class='del3'>Kurangi Link</div>
</div>
<div id='btnres3'></div>
</div>
</div>
<div id='default'>
    <div id="information">
        <div class="dagruel-sinopsis">    
          <div class="left">      
            <bingkai id="featImage">        
              <div class="waluhImage"><img src="https://cdn.statically.io/img/i.postimg.cc/tJFm9bcJ/Mirai-Nikki.webp">          
                <div class="rating-area">            
                  <div class="rt" itemscope="itemscope" itemprop="aggregateRating" itemtype="//schema.org/AggregateRating">              
                    <meta itemprop="worstRating" content="1">              
                    <meta itemprop="bestRating" content="10">              
                    <span itemprop="ratingValue">7.49</span>              
                    /               
                    <span itemprop="ratingCount">1661</span>              
                    <div class="rateContent">                
                      <div class="rating-bar">                  
                        <span style="width: 69%;">                  
                        </span>                
                      </div>              
                    </div>            
                  </div>          
                </div>        
              </div>      
            </bingkai>    
          </div>    
          <div class="right">      
            <div class="sinojudul">        
              <div class="judul">          
                <h1>Mirai Nikki</h1>          
                <span class="trailer"><a href="https://myanimelist.net/anime/10620/Mirai_Nikki_TV">            
                  <svg style="width:14.63px;height:13px" viewBox="0 0 22 22">              
                    <path fill="#1e88e5" d="M19.11 7.47145L15.59 3.95145C12.43 0.801451 10.77 1.96145 8.77005 3.95145L3.11005 9.61145C1.96005 10.7615 1.33005 11.5015 1.10005 12.3215C1.10005 12.3315 1.09005 12.3315 1.09005 12.3315C1.09005 12.3415 1.09005 12.3415 1.09005 12.3415C1.09005 12.3515 1.09005 12.3515 1.09005 12.3515V12.3815C0.680048 13.8415 1.76005 15.0815 3.11005 16.4315L6.64005 19.9415C7.90005 21.2115 8.92005 22.0015 10.05 22.0015C11.18 22.0015 12.15 21.2415 13.45 19.9415L19.11 14.2915C19.6 13.7915 19.96 13.3815 20.24 12.9915C20.24 12.9815 20.24 12.9815 20.24 12.9815C20.24 12.9815 20.24 12.9815 20.25 12.9815C21.53 11.1915 21.19 9.54145 19.11 7.47145ZM18.08 11.3715H18.07C17.77 11.3015 17.46 11.2415 17.15 11.1815C17.13 11.1815 17.11 11.1715 17.08 11.1715C16.38 11.0415 15.67 10.9315 14.95 10.8415H14.91C14.19 10.7515 13.46 10.6815 12.73 10.6415H12.65C12.01 10.6015 11.36 10.5815 10.72 10.5815C9.94005 10.5815 9.16005 10.6215 8.39005 10.6715C8.26005 10.6815 8.14005 10.6915 8.02005 10.7015C7.44005 10.7415 6.86005 10.8015 6.29005 10.8715C6.13005 10.8915 5.98005 10.9115 5.83005 10.9315C5.25005 11.0215 4.68005 11.1115 4.11005 11.2215C3.98005 11.2515 3.86005 11.2715 3.73005 11.2915C3.68005 11.3015 3.62005 11.3115 3.57005 11.3215C3.75005 11.1215 3.96005 10.9115 4.19005 10.6815L9.84005 5.03145C11.66 3.23145 12.28 2.80145 14.52 5.03145L18.03 8.55145C18.57 9.08145 18.93 9.53145 19.15 9.92145C19.15 9.92145 19.15 9.93145 19.16 9.93145C19.58 10.6615 18.9 11.5315 18.08 11.3715Z">
                    </path>            
                  </svg>Informasi</a>          
                </span>        
              </div>        
              <div class="alternaiv">                                 
              </div>      
            </div> 
            <p>
            <div class="desc">        
              <h3>Sinopsis</h3>        
              <p>Yuki adalah seorang penyendiri yang tidak pandai bersosialisasi. Dia lebih suka menulis diari di ponsel dan berbicara dengan teman imajinasinya, Deus Ex Machina (Dewa Ruang dan Waktu). Setelah Deus membawanya berpartisipasi dalam pertempuran hidup mati dengan 11 orang lain, Ia menyadari kalau Deus bukanlah imajinasinya saja.</p>      
            </div>      
            <div class="genre-info">      
            </div>    
          </div>  
        </div> 
      <div id="download">  
      <h2>Link Download Batch</h2>
      <div class="mctnx">  
        <div class="soraddl dlone">    
          <div class="sorattl downSible">      
            <h3>Download Mirai Nikki (01-26)</h3>    
          </div>    
          <div class="content">      
            <div class="soraurl first">        
              <div class="res">360p</div>        
              <div class="slink">          

              </div>        
              <div class="res">0.9GB</div>      
            </div>      
            <div class="soraurl second">        
              <div class="res">480p</div>        
              <div class="slink">          

              </div>        
              <div class="res">1.6GB</div>      
            </div>      
            <div class="soraurl third">        
              <div class="res">720p</div>        
              <div class="slink">          

              </div>        
              <div class="res">3.3GB</div>      
            </div>    
          </div>  
        </div>
        </div>
</div>
</div>
</div>
<div id='btnresult'>Get Data</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>")
})
$('#addres3').click(function(){
$('#btnres3').append("<div class='datainfo_res3'>\
<input class='media3' placeholder='Isi Nama Media Seperti GDrive'/>\
<input class='link3' 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()
  })
});

/* Executor Finishing */
$('#btnresult').click(function(){
/* Mengambil Data Dari Input */
var title = $('#title').val(),
description = $('#description').val(),
link_image = $('#featuredImage').val(),
link_trailer = $('#Trailer').val(),
rating_value = $('#ratingvalue').val(),
rating_count = $('#ratingcount').val(),
rating_bar = $('#rating_bar').val(),
eps = $('#eps').val(),
res1 = $('#res1').val(),
res2 = $('#res2').val(),
res3 = $('#res3').val(),
size1 = $('#size1').val(),
size2 = $('#size2').val(),
size3 = $('#size3').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>')
}
$('.first .slink').html(addfirst.join('\n'));
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>')
}
$('.second .slink').html(addsecond.join('\n'));
var addthird = [],
btnthird = $('.datainfo_res3');
for(var i = 0; i < btnthird.length;i++){
var media3 = document.getElementsByClassName('media3')[i].value;
var link3 = document.getElementsByClassName('link3')[i].value;
addthird.push('<a href="'+link3+'" target="_blank" rel="nofollow noopener noreferrer">'+media3+'</a>')
}
$('.third .slink').html(addthird.join('\n'));

/* Menerapkan Data Yang Diambil kedalam Default Struktur Post */
$('.judul h1').html(title);
$('.desc p').html(description);
$('.waluhImage img').attr('src',link_image);
$('.trailer a').attr('href',link_trailer);
$('.rt span[itemprop="ratingValue"]').html(rating_value);
$('.rt span[itemprop="ratingCount"]').html(rating_count);
$('.rating-bar span').attr('style','width:'+rating_bar);
$('.sorattl h3').html('Download '+title+' ('+eps+')');
$('.first .res:nth-child(1)').html(res1);
$('.second .res:nth-child(1)').html(res2);
$('.third .res:nth-child(1)').html(res3);
$('.first .res:nth-child(3)').html(size1);
$('.second .res:nth-child(3)').html(size2);
$('.third .res:nth-child(3)').html(size3);

/* Menampilkan Struktur Yang Sudah diterapkan Kedalam Textarea */
$('#result').val($('#default').html());
})

/* 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>

Github Project

KangBatch

Status

Mon Jan 24, 12:35:00 PM GMT+9

ini dikombinasiin dengan grabber myanimelist bisa gak min?

김서정

Mon Jan 24, 02:39:00 PM GMT+9

bisa aja, hasil dari output MALnya di append ke deafult structure post nya

Mon Jan 24, 03:49:00 PM GMT+9

iya, tutorial gimana ya mas? bisa diajarin?

Mon Jan 24, 05:00:00 PM GMT+9

structurenya sama engga kyak di atas soalnya itu dari si Yare Yare disesuai in ama isi post dia.

kalo beda coba kirim ke sini dengan menggunakan tag <i rel='code'>Isi Structure Postmu</i>

jadinya nanti seperti ini :

Structure Post

Mon Jan 24, 05:13:00 PM GMT+9

Gini bang, pastelink.net/8hkzxvg9 . gak bisa kirim dikomentar erorr "HTML Anda tidak bisa diterima: Tag tidak dibolehkan: IMG"

Mon Jan 24, 05:20:00 PM GMT+9

oh itu harus diparse dlu codenya,

https://www.forum.projexcode.com/p/html-parse.html

btw udah ku cek structuremu.nnti ku buatin tapi sabar ya diriku lagi ngerjain template buat Situs utama

https://www.projexcode.com

Mon Jan 24, 06:03:00 PM GMT+9

btw boleh ga minta alamat situs mu, kamu bisa kirim ke instagram/fb Projexcode. linknya ada dibawah kanan bagian footer

soalnya bakal ku encrypt jsnya, tapi kalo niatmu buat orang lain juga ga perlu dikirim jadi ga ku kasih creditnya nanti

Mon Jan 24, 06:16:00 PM GMT+9

Buat public aja mas, biar yang lain bisa make juga

Mon Jan 24, 06:23:00 PM GMT+9

oke siap, paling cepat nanti malam dan paling lambat besok sore baru ku share

Mon Jan 24, 08:37:00 PM GMT+9

done bg

https://www.forum.projexcode.com/2022/01/request-by-viasco-post-generator.html

Anime Lore

Tue Feb 15, 12:41:00 AM GMT+9

Halo 김서정.
Perkenalkan, Saya Zets.
Setelah Melihat Postingan Ini, Saya Jadi Tertarik Untuk Ikut Merequest Post Generator.
Jika Tidak Keberatan, Berikut Lampirannya.
Code Postingan: https://bit.ly/3HPrVfT
Demo Postingan: https://bit.ly/33iTO0K
Terimakasih.

Tue Feb 15, 06:28:00 AM GMT+9

mau dibikin kayak yg di post atau ada request khusus nih ?

Tue Feb 15, 09:22:00 PM GMT+9

Bebas Saja, Saya Yakin Bisa Mengikuti Apapun Metode Penyampaiannya. Terima Kasih Sudah Di Respond

Tue Feb 15, 10:00:00 PM GMT+9

sama2, besok baru ku buatin codenya paling cepat pagi dan paling lambat malam mungkin soalnya ngerjain theme situs utama pxc juga

Wed Feb 16, 05:21:00 PM GMT+9

done silahkan di cek ada yang salah ngga

https://www.forum.projexcode.com/2022/02/request-by-anime-lore-post-generator.html

Wed Feb 16, 06:24:00 PM GMT+9

Terima Kasih Banyak Gan, Saya Lupa Mau Request Untuk Dipakai Checkbox. Tapi Itu Sudah Bagus, Saya Mau Belajar Edit Codenya Sendiri Lagi. Sekali Lagi Terima Kasih.

Wed Feb 16, 07:06:00 PM GMT+9

oke sama2,kalo ada kendala tanya in aja ke postnya ya

Berkas Kita

Tue Mar 01, 03:20:00 PM GMT+9

bang bisa buatkan juga kolok boleh

Demo Post : https://berkas-kita.blogspot.com/p/unduh-kaifuku-jutsushi-no-yarinaoshi.html
Code : https://codepen.io/yukine-chris/pen/yLPQyOy

Tue Mar 01, 07:33:00 PM GMT+9

Besok tapi baru ku kerjain, ku up paling cpet sore paling lambat malam

btw itu data-value yg isinya tanggal maksudnya apa ya ? klo maksudnya tgl publish episode bisa ku bikin otomatis tanpa input

Wernayasa

Tue Mar 01, 09:04:00 PM GMT+9

Aku juga mau berexperiment juga, tapi untuk streaming.
Mudah2 berhasil, nanti ku post hasilnya.

Tue Mar 01, 09:24:00 PM GMT+9

ohh cuma tag lama gak kepakek lagi kok, di hapus juga gak masalah

Tue Mar 01, 10:37:00 PM GMT+9

@Wernayasa siap bg. aku nunggu theme situs utama jadi dlu baru buat theme Free.
Kemungkinan Download Torrent Anime tpi dibekali API Nyaa.si jadi lebih mudah buat upload content

Tue Mar 01, 10:38:00 PM GMT+9

@Yukine oke besok ku up

Tue Mar 01, 10:52:00 PM GMT+9

@김서정 oh yes... situs utama penting banget, kita bakal memakainya sepanjang karir di blogger.
Tema blogger dengan API kayaknya seru deh,
gk sabar gimana hasilnya nanti. hehehe

Wed Mar 02, 12:26:00 PM GMT+9

@Wernayasa
tapi takutnya kalo full api masalah di seo karena ga kebaca waktu index.masih ku pertimbangkan itu nnti.

@Yukine
Done Silahkan di cek,kalo ada yg kurang comment aja di postnya
https://www.forum.projexcode.com/2022/03/requests-by-yukine-post-generator.html

Similar Threads

Blogger CSS HTML JavaScript Request Tools [Requests By Yare Yare] Post Generator AniFilm

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