ProjeXCode Forum: [Request By Viasco] Post Generator AniFilm With MAL Grabber

January 24, 2022

Share this Threads

Request dari Viasco,
Untuk Tampilan Sesuaikan sendiri

Untuk Demo Silahkan Click Disini

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 :

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

KangBatch

Status

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

Thanks bang, tapi di bagian download kurang satu class untuk bagian resolusinya.

Terus untuk bagian Resolusi 1-2 dan Nama Media langsung ketulis bisa gk?

김서정

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

kurang 1 class gimana ya ? soalnya itu structurenya darimu

bisa aja, itu kubikin begitu kukira medianya bakal macam² (engga pasti)

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

iya, yang class=smokeurl untuk resolusi di pastelink-nya tadi ada kok.

Resolusi 1 : 480P
Media : Acefile dan GoogleDrive
Link :

Resolusi 2 : 720P
Media : Acefile dan GoogleDrive
Link :

masih 2 media itu aja, gk kuat uploadnya kalo kebanyakan + 2 itu permanen filenya gk ada jangka waktu

Tue Jan 25, 02:13:00 AM GMT+9

Silahkan Copy yg Versi 2 nya

Tue Jan 25, 09:23:00 PM GMT+9

Work, makasih min.

Tapi ada satu masalah di template saya, kan dari post generatornya gambarnya ngambil dari myanimelist jadinya gambar itu gak bisa di crop di Homepage.
Kalo gambarnya di host dari blogger gak ada masalah, ada solusinya gak ya?

html img template saya gini

<div class='post-thumbnail'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'>
<img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 420, "16:9") + "-rw"' expr:title='data:post.title'/></a>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'>
<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>
<b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'>
<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>
<a expr:href='data:post.url' expr:title='data:post.title'>
<div class='postthumb'>
<img src='https://4.bp.blogspot.com/-iv-XS9u1LUM/V9s-H2b0LLI/AAAAAAAAAX4/daZPQUPouB4vhSgzt2-_Yd3D5bwMsvh9ACLcB/w120-h120-c/no-image.jpg' expr:alt='data:post.title' expr:title='data:post.title' itemprop='image'/></div></a>
</b:if>
</b:if>
</div>

Tue Jan 25, 10:28:00 PM GMT+9

ya karena saya tidak tahu yang dimaksud 'crop' disini antara beneran di potong atau disesuain container nya

jadi jawabannya cuma ku tebak aja ini yang responsive (sesuai container box dari tebakan ku):

<div class='post-thumbnail'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'>
<img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 420, "16:9") + "-rw"' expr:title='data:post.title'/></a>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'>
<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' width='100%' height='100%' expr:title='data:post.title'/></a>
<b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'>
<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>
<a expr:href='data:post.url' expr:title='data:post.title'>
<div class='postthumb'>
<img src='https://4.bp.blogspot.com/-iv-XS9u1LUM/V9s-H2b0LLI/AAAAAAAAAX4/daZPQUPouB4vhSgzt2-_Yd3D5bwMsvh9ACLcB/w120-h120-c/no-image.jpg' expr:alt='data:post.title' expr:title='data:post.title' itemprop='image'/></div></a>
</b:if>
</b:if>
</div>

Tue Jan 25, 11:11:00 PM GMT+9

Gini min

https://blogger.googleusercontent.com/img/a/AVvXsEhe5IMGwsMvHBIcY_vD2MB0Im4GmwB7Ev8ohrxTraAFwo9ujuP-VML8txfL34zRYUQJQ9Ad6OtrtEvVICYhIA96rtqXoz-2vB6zbAx5-K-13EqSJaJ1LgDDDWoUObelQAZlembSAb9xX9rdsDdpHxEYp0KGTqeaRr8ce0BbSr8U6BdHKyRvN5C4fEXEug

Wed Jan 26, 06:47:00 AM GMT+9

coba code yang ini kalo code sebelumnya ga berhasil.

<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' width='420px' height'236' expr:title='data:post.title'/></a>

berdasarkan image yg di hosted di blogger

<img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 420, "16:9") + "-rw"' expr:title='data:post.title'/></a>

dimana size thumbnail 420 dengan aspect ratio 16:9

Wed Jan 26, 10:05:00 AM GMT+9

gak ngaruh min, keknya emang harus hosted ke blogger untuk gambarnya

Wed Jan 26, 10:49:00 AM GMT+9

wah yang sebelumnya lupa ngasih px di bagian height

kalau mau coba2 lagi

coba ganti ini :

<img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 420, "16:9") + "-rw"' expr:title='data:post.title'/></a>

ganti jadi ini :

<img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 420, "16:9") + "-rw"' width='420px' height='236px' expr:title='data:post.title'/></a>

yang hosted kenapa bisa kepotong karena ada resizenya yg ini :

resizeImage(data:post.thumbnailUrl, 420, "16:9") + "-rw"

Wed Jan 26, 11:27:00 AM GMT+9

tetep gak ke resize

Wed Jan 26, 11:45:00 AM GMT+9

maaf ga bisa membantu lebih, soalnya sulit kalo ga lihat langsung ke tkp, kamu bisa coba2 melakukanya lewat Inspect Element,

mengubah width dan heightnya di tag img yang benar, kalo dah ketemu kamu implementasikan ke source codenya

Enjoe

Thu Jun 16, 04:40:00 PM GMT+9

bang, ini nama classnya bisa ganti gak ya?

Similar Threads

CSS HTML JavaScript Request Tools [Request By Viasco] Post Generator AniFilm With MAL Grabber

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