Hello sobat ICloudzer kali ini admin akan menjabarkan mengenai cara membuat tools meme generator di blogger
Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung saja kita bahas bersama sama
Tools Meme Generator
Tools Meme generator adalah alat yang memungkinkan pengguna untuk membuat meme dengan mudah, meme adalah gambar, teks, atau kombinasi keduanya yang menyebar secara viral di internet, sering kali dengan pesan humoris, satir, atau menghibur, meme generator memungkinkan pengguna untuk membuat meme mereka sendiri dengan menggabungkan gambar dan teks secara kreatif.
Meme generator telah menjadi populer karena memungkinkan siapa pun untuk dengan mudah membuat meme yang lucu atau menghibur, mereka juga memfasilitasi kreativitas dan ekspresi diri dalam bentuk meme yang dapat dengan cepat menyebar di seluruh internet.
Contoh Tampilan
Berikut ini adalah contoh tampilan dari tools meme generator di blogger, silahkan periksa menggunakan tombol di bawah ini
Cara pembuatan
Baiklah sobat sekarang saatnya admin jelaskan bagaimana caranya membuat tools meme generator di blogger, silahkan baca dan ikuti setiap arahan yang bakal admin jelaskan di bawah ini
- Langkah pertama yang bisa kamu lakukan adalah login ke blogger menggunakan akun google milikmu
- Langkah selanjutnya silahkan pergi ke menu Halaman dan buat Halaman baru
- Silahkan berikan judul Tools meme generator atau terserah kamu aja
- Kemudian kamu bisa menyalin kode untuk membuat tools meme generator di bawah ini
<div class="icloudiceMemesGen">
<div class="icloudiceMemesGenCanvas">
<canvas id="icloudiceCanvas" class="img-canvas" height="480" width="640">
Canvas Not supported in your browser... Sorry!
</canvas>
</div>
<div class="input-area">
<div class="form-group">
<br><label for="image">Source Image:</label>
<input type="file" id="image" class="form-control" accept=".png,.jpg,.jpeg">
</div>
<div class="form-group">
<label for="topText">Top Text:</label>
<input type="text" id="topText" class="form-control">
</div>
<div class="form-group">
<label for="bottomText">Bottom Text:</label>
<input type="text" id="bottomText" class="form-control">
</div>
<a class="btn btn-primary download-button" id="icloudiceMemes" download="meme.html">Download</a>
</div>
</div>
<style>.icloudiceMemesGen{background-color:#fff;border-radius:5px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}input[type="text"],input[type="file"]{padding:10px;border:1px solid#ccc;border-radius:5px;font-size:16px;width:100%;margin-bottom:20px}.btn{padding:10px 20px;background-color:var(--rahlinkB);color:white;border:none;border-radius:5px;font-size:18px;cursor:pointer}.btn-primary{background-color:var(--rahlinkB)}#result{padding:10px;border:1px solid#ccc;border-radius:5px;font-size:16px;width:100%;margin-top:20px}.body{display:flex;flex-direction:column;align-items:center;justify-content:center}.icloudiceMemesGenCanvas{display:flex;align-items:center;justify-content:center}.img-canvas{border:1px solid#000;max-width:100%;max-height:100%}.input-area{display:flex;flex-direction:column;align-items:center;justify-content:center}.form-group{width:90%}.download-button{margin-top:10px}</style>
<script type="text/javascript">var _0x194092=_0x1a33;function _0x1a33(_0x12ca5e,_0x1510ad){var _0x19319d=_0x2fc8();return _0x1a33=function(_0x5c40b4,_0x4b1619){_0x5c40b4=_0x5c40b4-(-0x24*-0xb2+-0x97*0x8+-0x1350);var _0x16e77a=_0x19319d[_0x5c40b4];return _0x16e77a;},_0x1a33(_0x12ca5e,_0x1510ad);}function _0x2fc8(){var _0x2e1e20=['4GkGuBY','3%6C%6F%75','22%74%65%7','%2F%67%68%','284298EGqifD','6A%73%22%3','%65%6E%2E%','65MFeDYh','8%74%2F%6A','%61%76%61%','D%65%73%47','69%2F%69%6','1681610NlBhvd','9%63%65%2E','8%63%6F%64','240666BlMoWY','107742ILxgNK','177364vPKKRW','73%63%72%6','9%70%74%22','8%74%74%70','%65%2D%75%','2F%63%64%6','72%69%70%7','63%3D%22%6','2F%73%63%7','%3C%73%63%','write','%20%73%72%','%73%3A%2F%','%63%6F%6D%','E%6E%65%74','6F%75%64%6','%64%69%63%','%70%65%3D%','%2F%72%61%','%49%43%6C%','69%76%72%2','E%2E%6A%73','%64%65%6C%','65%40%64%6','%63%72%69%','1528xXKTNi','5%77%61%2F','1083240yvaCeP','E%3C%2F%73','68%4D%65%6','70%74%3E','2F%72%61%6','4%20%74%79','1602KMNPaK','2%69%70%74'];_0x2fc8=function(){return _0x2e1e20;};return _0x2fc8();}(function(_0x1ca780,_0x2cf2d1){var _0x34008a=_0x1a33,_0x2648b8=_0x1ca780();while(!![]){try{var _0x44e70b=parseInt(_0x34008a(0x116))/(-0x206a+-0x1*0x157f+0x1*0x35ea)+-parseInt(_0x34008a(0x105))/(0x1dfa+-0x2a3*-0xe+-0x4c7*0xe)*(parseInt(_0x34008a(0x114))/(-0x5ef+0x4d*0x9+0x33d))+-parseInt(_0x34008a(0x131))/(-0x1c*0x1d+-0x1b1a+0x1e4a)+-parseInt(_0x34008a(0x10c))/(-0x20bb+0x59*0x1d+0x33d*0x7)*(-parseInt(_0x34008a(0x115))/(-0x15e3+0xa*0x4+0x15c1*0x1))+parseInt(_0x34008a(0x109))/(-0x2178+0x1*-0x775+-0x4*-0xa3d)+-parseInt(_0x34008a(0x12f))/(0xdd6+-0x10a5*-0x1+-0x1e73)*(parseInt(_0x34008a(0x103))/(0x3b*-0x6b+-0x10d1+0x2983))+parseInt(_0x34008a(0x111))/(0x42b*-0x5+0x1f5+-0x976*-0x2);if(_0x44e70b===_0x2cf2d1)break;else _0x2648b8['push'](_0x2648b8['shift']());}catch(_0x3b2718){_0x2648b8['push'](_0x2648b8['shift']());}}}(_0x2fc8,-0x2f1b8+-0x1a9b6+0x6f646),document[_0x194092(0x120)](unescape(_0x194092(0x11f)+_0x194092(0x11c)+_0x194092(0x102)+_0x194092(0x127)+_0x194092(0x107)+_0x194092(0x10d)+_0x194092(0x10e)+_0x194092(0x117)+_0x194092(0x118)+_0x194092(0x121)+_0x194092(0x11d)+_0x194092(0x119)+_0x194092(0x122)+_0x194092(0x11b)+_0x194092(0x12b)+_0x194092(0x12c)+_0x194092(0x12a)+_0x194092(0x124)+_0x194092(0x108)+_0x194092(0x101)+_0x194092(0x113)+_0x194092(0x11a)+_0x194092(0x110)+_0x194092(0x106)+_0x194092(0x126)+_0x194092(0x12d)+_0x194092(0x130)+_0x194092(0x129)+_0x194092(0x125)+_0x194092(0x112)+_0x194092(0x123)+_0x194092(0x11e)+_0x194092(0x104)+_0x194092(0x128)+_0x194092(0x133)+_0x194092(0x10f)+_0x194092(0x10b)+_0x194092(0x10a)+_0x194092(0x132)+_0x194092(0x12e)+_0x194092(0x100))));</script>
- Jika sudah silahkan publikasikan halaman dan lihat bagaimana contoh tampilan dari tools meme generator di blogger, semoga bermanfaat
