Cara membuat tools resize image di blogger

Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai bagaimana caranya membuat tools resize image di blogger

Info: Jika kamu penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Resize Image

Apa itu tools resize image? tools resize image merupakan alat untuk membuat gambar dengan kualitas gambar rendah menjadi kualitas gambar jernih, misal gambar dengan revolusi kecil dalam sekali klik akan megubah revolusi gambar menjadi tinggi

Bagaiamana cara memfungsikan atau menggunakan tools resize image tersebut, mudah pertama tama upload sebuah gambar kemudian pilih kualitas gambar, kemudian secara otomatis gambar akan berubah dengan kualitas lebih bagus

Contoh Tampilan

Baiklah dari pada kamu penasaran dengan bagaimana kah contoh tampilan dari resize image tersebut silahkan periksa menggunakan tombol di bawah ini ok

• Periksa

Info: Bagaiamana sobat ICloudzer dengan contoh tampilannya keren sekali yak, pastilah

Cara pembuatan

Baiklah sobat Icloudzer sekarang saatnya admin bakalan menjabarkan mengenai cara membuat tools resize image silahkan baca dan ikuti setiap arahan yang admin jabarkan di bawah ini

1. Silahkan login ke akun blogger menggunakan akun google miliki mu
2. Pergi ke menu halaman dan buat halama baru
3. Selanjutnya berikan judul "Resize Image" atau terserah kamu
4. Salin seluruh kode di bawah ini kemudian letakkan pada halaman tersebut

<style>:root{--rahlinkC:#de3535 /* Change the color */}</style>
<div class="rahconIm col-md-53 col-xs-2">
 <div class="panel panel-primary">
<div class="pHead">Resize your image now</div>
<div class="tabbable tabs-top panel-body">
<input checked="" id="rahUpload" name="resize-img" type="radio"/>
<input id="via-url" name="resize-img" type="radio"/>
<ul class="nav-tabs" data-tabs="tabs"> <li><label for="rahUpload" title="Input Image From File">From File</label></li><li><label for="via-url" title="Input Image From URL">From URL</label></li></ul>
 <div class="TCnt" style="margin-top: 15px">
<div class="tab-pane active" id="upload">
 <form action="https://waifu2x.booru.pics/Home/upload" method="POST" enctype="multipart/form-data" class="form">
<div class="form-group">
 <label for="img">File: </label> <input type="file" placeholder="File" id="img" name="img" class="fctrl"> 
</div>
<div style="font-size: x-small">
 Maximum file size: 8M, 3850x3850</div>

<div class="form-group">
 <label for="denoise">Noise reduction: </label>
 <label class="radio-inline">
<input type="radio" name="denoise" value="0"> None
 </label>
 <label class="radio-inline">
<input type="radio" name="denoise" value="1" checked="checked"> Medium
 </label>
 <label class="radio-inline">
<input type="radio" name="denoise" value="2"> High
 </label>
</div>

<div class="form-group">
 <label for="scale">Scale: </label>
 <label class="radio-inline">
<input type="radio" name="scale" value="1"> None
 </label>
 <label class="radio-inline">
<input type="radio" name="scale" value="2" checked="checked"> 2x
 </label>
</div>
<div class="form-group">
 </div>
<button type="submit" id="submit" name="submit" class="btn btn-default">Convert</button>
 </form>
</div>
<div class="tab-pane" id="url">
 <form action="https://waifu2x.booru.pics/Home/fromlink" method="POST" class="form"> 
<div class="form-group">
 <label for="url">URL: </label> <input type="text" id="url" name="url" class="fctrl" value="">
</div>
<div style="font-size: x-small">
 Maximum file size: 8M, 3850x3850</div>

<div class="form-group">
 <label for="denoise">Noise reduction: </label>
 <label class="radio-inline">
<input type="radio" name="denoise" value="0"> None
 </label>
 <label class="radio-inline">
<input type="radio" name="denoise" value="1" checked="checked"> Medium
 </label>
 <label class="radio-inline">
<input type="radio" name="denoise" value="2"> High
 </label>
</div>

<div class="form-group">
 <label for="scale">Scale: </label>
 <label class="radio-inline">
<input type="radio" name="scale" value="1"> None
 </label>
 <label class="radio-inline">
<input type="radio" name="scale" value="2" checked="checked"> 2x
 </label>
</div>
<div class="form-group">
 </div>
<button type="submit" id="submit" name="submit" class="btn btn-default">Convert</button>
 </form>
</div>
 </div>
</div>
 </div>
</div>
<center id='rahlink' class='rahlink'></center>
<script type="text/javascript">eval(function(p,a,c,k,e,r){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--)r[e(c)]=k[c]||e(c);k=[function(e){return r[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}('26(1y(p,a,c,k,e,r){e=1y(c){1E(c<a?\'\':e(27(c/a)))+((c=c%a)>28?1U.2a(c+29):c.2b(2c))};1F(!\'\'.1V(/^/,1U)){1W(c--)r[e(c)]=k[c]||e(c);k=[1y(e){1E r[e]}];e=1y(){1E\'\\\\w+\'};c=1};1W(c--)1F(k[c])p=p.1V(2d 2e(\'\\\\b\'+e(c)+\'\\\\b\',\'g\'),k[c]);1E p}(\'N q=["\\\\k\\\\b\\\\a\\\\i","\\\\A\\\\b\\\\j\\\\T\\\\e\\\\b\\\\o\\\\b\\\\f\\\\j\\\\r\\\\1f\\\\w\\\\J\\\\a\\\\A\\\\U\\\\a\\\\o\\\\b","\\\\r\\\\j\\\\w\\\\e\\\\b","\\\\g\\\\c\\\\b\\\\a\\\\j\\\\b\\\\T\\\\e\\\\b\\\\o\\\\b\\\\f\\\\j","\\\\j\\\\w\\\\l\\\\b","\\\\j\\\\b\\\\B\\\\j\\\\H\\\\g\\\\r\\\\r","\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\h\\\\f\\\\l\\\\v\\\\j\\\\V\\\\f\\\\a\\\\o\\\\b\\\\Q\\\\O\\\\c\\\\b\\\\r\\\\h\\\\W\\\\b\\\\t\\\\h\\\\o\\\\A\\\\O\\\\X\\\\y\\\\i\\\\h\\\\r\\\\l\\\\e\\\\a\\\\w\\\\p\\\\f\\\\d\\\\f\\\\b\\\\z\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\h\\\\f\\\\l\\\\v\\\\j\\\\V\\\\j\\\\w\\\\l\\\\b\\\\Q\\\\C\\\\h\\\\e\\\\b\\\\X\\\\y\\\\i\\\\h\\\\r\\\\l\\\\e\\\\a\\\\w\\\\p\\\\s\\\\e\\\\d\\\\g\\\\x\\\\z\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\m\\\\f\\\\a\\\\I\\\\t\\\\j\\\\a\\\\s\\\\r\\\\y\\\\s\\\\d\\\\c\\\\i\\\\b\\\\c\\\\t\\\\s\\\\d\\\\j\\\\j\\\\d\\\\o\\\\p\\\\K\\\\l\\\\B\\\\n\\\\r\\\\d\\\\e\\\\h\\\\i\\\\n\\\\I\\\\a\\\\c\\\\R\\\\t\\\\t\\\\c\\\\a\\\\k\\\\e\\\\h\\\\f\\\\x\\\\D\\\\S\\\\z\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\v\\\\e\\\\G\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\e\\\\h\\\\G\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\C\\\\d\\\\c\\\\o\\\\y\\\\o\\\\a\\\\c\\\\A\\\\h\\\\f\\\\p\\\\L\\\\E\\\\l\\\\a\\\\i\\\\i\\\\h\\\\f\\\\A\\\\p\\\\L\\\\E\\\\e\\\\h\\\\r\\\\j\\\\t\\\\r\\\\j\\\\w\\\\e\\\\b\\\\p\\\\f\\\\d\\\\f\\\\b\\\\z\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\e\\\\h\\\\y\\\\i\\\\h\\\\r\\\\l\\\\e\\\\a\\\\w\\\\p\\\\h\\\\f\\\\e\\\\h\\\\f\\\\b\\\\t\\\\s\\\\e\\\\d\\\\g\\\\x\\\\z\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\e\\\\h\\\\n\\\\e\\\\a\\\\s\\\\b\\\\e\\\\y\\\\i\\\\h\\\\r\\\\l\\\\e\\\\a\\\\w\\\\p\\\\s\\\\e\\\\d\\\\g\\\\x\\\\E\\\\g\\\\v\\\\c\\\\r\\\\d\\\\c\\\\p\\\\l\\\\d\\\\h\\\\f\\\\j\\\\b\\\\c\\\\z\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\y\\\\s\\\\d\\\\c\\\\i\\\\b\\\\c\\\\p\\\\K\\\\l\\\\B\\\\n\\\\r\\\\d\\\\e\\\\h\\\\i\\\\n\\\\I\\\\a\\\\c\\\\R\\\\t\\\\t\\\\c\\\\a\\\\k\\\\e\\\\h\\\\f\\\\x\\\\D\\\\S\\\\z\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\m\\\\l\\\\Y\\\\b\\\\a\\\\i\\\\y\\\\s\\\\a\\\\g\\\\x\\\\A\\\\c\\\\d\\\\v\\\\f\\\\i\\\\t\\\\g\\\\d\\\\e\\\\d\\\\c\\\\p\\\\I\\\\a\\\\c\\\\R\\\\t\\\\t\\\\c\\\\a\\\\k\\\\e\\\\h\\\\f\\\\x\\\\D\\\\S\\\\E\\\\g\\\\d\\\\e\\\\d\\\\c\\\\p\\\\F\\\\C\\\\a\\\\C\\\\a\\\\C\\\\a\\\\z\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\m\\\\J\\\\D\\\\f\\\\j\\\\G\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\e\\\\h\\\\n\\\\e\\\\a\\\\s\\\\b\\\\e\\\\G\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\m\\\\l\\\\Y\\\\b\\\\a\\\\i\\\\G\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\m\\\\C\\\\g\\\\j\\\\c\\\\e\\\\y\\\\l\\\\a\\\\i\\\\i\\\\h\\\\f\\\\A\\\\p\\\\K\\\\L\\\\l\\\\B\\\\z\\\\m\\\\c\\\\a\\\\k\\\\g\\\\d\\\\f\\\\u\\\\o\\\\n\\\\m\\\\C\\\\g\\\\j\\\\c\\\\e\\\\y\\\\i\\\\h\\\\r\\\\l\\\\e\\\\a\\\\w\\\\p\\\\s\\\\e\\\\d\\\\g\\\\x\\\\E\\\\1g\\\\h\\\\i\\\\j\\\\k\\\\p\\\\K\\\\L\\\\L\\\\1h\\\\E\\\\s\\\\d\\\\B\\\\t\\\\r\\\\h\\\\W\\\\h\\\\f\\\\A\\\\p\\\\s\\\\d\\\\c\\\\i\\\\b\\\\c\\\\t\\\\s\\\\d\\\\B\\\\E\\\\s\\\\a\\\\g\\\\x\\\\A\\\\c\\\\d\\\\v\\\\f\\\\i\\\\t\\\\h\\\\o\\\\a\\\\A\\\\b\\\\p\\\\f\\\\d\\\\f\\\\b\\\\E\\\\s\\\\d\\\\c\\\\i\\\\b\\\\c\\\\p\\\\K\\\\l\\\\B\\\\n\\\\r\\\\d\\\\e\\\\h\\\\i\\\\n\\\\F\\\\g\\\\g\\\\g\\\\E\\\\s\\\\d\\\\c\\\\i\\\\b\\\\c\\\\t\\\\c\\\\a\\\\i\\\\h\\\\v\\\\r\\\\p\\\\1i\\\\l\\\\B\\\\z\\\\m\\\\j\\\\a\\\\s\\\\t\\\\l\\\\a\\\\f\\\\b\\\\F\\\\v\\\\l\\\\e\\\\d\\\\a\\\\i\\\\G\\\\m\\\\j\\\\a\\\\s\\\\t\\\\l\\\\a\\\\f\\\\b\\\\F\\\\v\\\\c\\\\e\\\\y\\\\i\\\\h\\\\r\\\\l\\\\e\\\\a\\\\w\\\\p\\\\f\\\\d\\\\f\\\\b\\\\z\\\\F\\\\c\\\\a\\\\k\\\\1j\\\\l\\\\e\\\\d\\\\a\\\\i\\\\p\\\\g\\\\k\\\\b\\\\g\\\\x\\\\b\\\\i\\\\n\\\\Z\\\\n\\\\m\\\\J\\\\D\\\\f\\\\j\\\\n\\\\m\\\\j\\\\a\\\\s\\\\t\\\\l\\\\a\\\\f\\\\b\\\\F\\\\v\\\\l\\\\e\\\\d\\\\a\\\\i\\\\G\\\\F\\\\I\\\\h\\\\a\\\\t\\\\v\\\\c\\\\e\\\\p\\\\g\\\\k\\\\b\\\\g\\\\x\\\\b\\\\i\\\\n\\\\Z\\\\n\\\\m\\\\J\\\\D\\\\f\\\\j\\\\n\\\\m\\\\j\\\\a\\\\s\\\\t\\\\l\\\\a\\\\f\\\\b\\\\F\\\\v\\\\c\\\\e\\\\y\\\\i\\\\h\\\\r\\\\l\\\\e\\\\a\\\\w\\\\p\\\\s\\\\e\\\\d\\\\g\\\\x\\\\z","\\\\g\\\\c\\\\b\\\\a\\\\j\\\\b\\\\J\\\\b\\\\B\\\\j\\\\U\\\\d\\\\i\\\\b","\\\\a\\\\l\\\\l\\\\b\\\\f\\\\i\\\\D\\\\k\\\\h\\\\e\\\\i","\\\\D\\\\c\\\\b\\\\a\\\\j\\\\b\\\\i\\\\n\\\\s\\\\w\\\\n\\\\1a\\\\a\\\\n\\\\k\\\\c\\\\b\\\\C\\\\Q\\\\O\\\\k\\\\j\\\\j\\\\l\\\\r\\\\p\\\\H\\\\H\\\\h\\\\g\\\\e\\\\d\\\\v\\\\i\\\\h\\\\g\\\\b\\\\m\\\\g\\\\d\\\\o\\\\O\\\\1b\\\\u\\\\D\\\\e\\\\d\\\\v\\\\i\\\\h\\\\g\\\\b\\\\m\\\\g\\\\d\\\\o\\\\1a\\\\H\\\\a\\\\1b","\\\\k\\\\j\\\\o\\\\e","","\\\\a\\\\j\\\\j\\\\c","\\\\m\\\\c\\\\a\\\\k\\\\e\\\\h\\\\f\\\\x","\\\\e\\\\b\\\\f\\\\A\\\\j\\\\k","\\\\m\\\\c\\\\a\\\\k\\\\e\\\\h\\\\f\\\\x\\\\p\\\\I\\\\h\\\\r\\\\h\\\\s\\\\e\\\\b","\\\\k\\\\c\\\\b\\\\C","\\\\e\\\\d\\\\g\\\\a\\\\j\\\\h\\\\d\\\\f","\\\\k\\\\j\\\\j\\\\l\\\\r\\\\p\\\\H\\\\H\\\\h\\\\g\\\\e\\\\d\\\\v\\\\i\\\\h\\\\g\\\\b\\\\m\\\\g\\\\d\\\\o","\\\\c\\\\b\\\\a\\\\i\\\\w"];N 1c=M[q[0]]||M[q[1]](q[0])[0];N P=M[q[3]](q[2]);P[q[4]]=q[5];N 1d=q[6];P[q[8]](M[q[7]](1d));1c[q[8]](P);$(M)[q[19]](1e(){$(q[13])[q[12]](q[2],q[11])[q[10]](q[9]);1k(1e(){1l(!$(q[15])[q[14]]){1m[q[17]][q[16]]=q[18]}},1n)})\',2f,2g,\'||||||||||1u|1p|1x|1v|1r|1B|1t|1s|1z|1q|1w|1L|1G|1H|1C|1I|2h|1D|1M|2i|1X|1J|1K|1N|2j|2k|1Y|2l|1O|1P|2m|1Q|2n|1A|1Z|2o|2p|2q|20|21|1R|2r|22|2s|2t|2u|2v|2w|2x|2y|2z|2A|||||||||||1S|1T|2B|2C|1y|2D|2E|2F|2G|2H|23|1F|24|25\'.2I(\'|\'),0,{}));21 1o=["\\1P\\1x\\1p\\1u\\1q\\1p\\1z\\1H\\1M\\1K\\1H\\1S\\1u\\1H\\1w\\1x\\1p\\1O\\22\\1R\\1w\\1q\\1q\\1L\\1D\\1I\\1A\\1A\\1s\\1t\\1r\\1v\\1J\\1z\\1s\\1t\\1p\\1G\\1t\\1v\\1C\\1R\\1T\\1X\\1P\\1r\\1v\\1J\\1z\\1s\\1t\\1p\\1G\\1t\\1v\\1C\\1S\\1A\\1u\\1T","\\1w\\1q\\1C\\1r","\\1D\\1q\\1K\\1r\\1p","","\\1u\\1q\\1q\\1x","\\1Q\\1x\\1u\\1w\\1r\\1s\\1B\\1N","\\1r\\1p\\1B\\1Y\\1q\\1w","\\1Q\\1x\\1u\\1w\\1r\\1s\\1B\\1N\\1I\\1Z\\1s\\1D\\1s\\1M\\1r\\1p","\\1w\\1x\\1p\\1O","\\1r\\1v\\1t\\1u\\1q\\1s\\1v\\1B","\\1w\\1q\\1q\\1L\\1D\\1I\\1A\\1A\\1s\\1t\\1r\\1v\\1J\\1z\\1s\\1t\\1p\\1G\\1t\\1v\\1C","\\1x\\1p\\1u\\1z\\1K"];$(20)[1o[11]](1y(){$(1o[5])[1o[4]](1o[2],1o[3])[1o[1]](1o[0]);23(1y(){1F(!$(1o[7])[1o[6]]){24[1o[9]][1o[8]]=1o[10]}},25)})',62,169,'||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||_0x94fe|x65|x74|x6C|x69|x63|x61|x6F|x68|x72|function|x64|x2F|x6E|x6D|x73|return|if|x2E|x20|x3A|x75|x79|x70|x62|x6B|x66|x43|x23|x22|x3C|x3E|String|replace|while|x49|x67|x76|document|var|x3D|setInterval|window|3000|eval|parseInt|35||fromCharCode|toString|36|new|RegExp|62|86|_0xbb58|x2D|x7B|x7D|x78|x3B|x2C|x54|x31|x30|style|x28|x29|x45|x4E|x5B|x7A|x5D|x48|x7E|head|css|x42|x77|x25|x34|x55|split'.split('|'),0,{}))</script>

Info: Kode di atas sudah di sesuaikan jangan sekali kali mengeditnya

5. Jika sudah publish dan lihat bagaiamana hasilnya