{"id":36,"date":"2022-10-03T06:01:26","date_gmt":"2022-10-03T06:01:26","guid":{"rendered":"https:\/\/aksesia.com\/tools\/?p=36"},"modified":"2024-01-05T17:57:13","modified_gmt":"2024-01-05T10:57:13","slug":"qr-generator-online","status":"publish","type":"post","link":"https:\/\/aksesia.com\/tools\/qr-generator-online","title":{"rendered":"QR Generator Online Gratis"},"content":{"rendered":"\n<style>\n.QR-generator{position:relative;display:block;clear:both; padding:10px;}\n.form-qr{position:relative;display:block;margin:10px 0;padding:10px;width:calc(100% - 20px);}\n.form-qr label{position:relative;display:block;margin-bottom:10px}\ninput#namaQR{width:calc(100% - 26px);}\n.form-qr input,.form-qr textarea{line-height:1.5em;min-height:24px;display:block;width:100%;margin:0 auto 10px;padding:6px 12px;border:1px solid var(--wp--preset--color--black); }\n.form-qr textarea{height:175px;resize:none;}\n.form-qr input:focus,.form-qr textarea:focus{background:var(--color-main-white);color:var(--color-main-black);border-color:var(--wp--preset--color--vivid-red);outline:0;-webkit-box-shadow:inset 0 1px 1px var(--wp--preset--color--white),0 0 8px var(--wp--preset--color--vivid-red);box-shadow:inset 0 1px 1px var(--wp--preset--color--white),0 0 8px var(--wp--preset--color--vivid-red);}\n.tombol-qr{display:block;margin:0 auto;}\n.tombol-qr button{color:var(--wp--preset--color--vivid-red);background-color:var(--wp--preset--color--white);text-align:center;cursor:pointer;outline:none;border:1px solid var(--wp--preset--color--vivid-red);font-size:14px;font-weight:bold;padding:7px 15px;margin:5px;}\nbutton#download-qr a{color:var(--wp--preset--color--white);}\n.hasil-generate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;width:100%;font-size:13px;margin-bottom:20px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;transition:all 0.5s;}\n.image-generate{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 auto;width:200px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;}\n.qrcode{position:relative;display:block;margin:10px auto;width:180px;height:180px;overflow:hidden;}\n.qrcode canvas#canvas{background:#ddd;width:180px !important;height:180px !important;}\n.result-generate{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 auto;width:calc(100% - 200px);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;}\n.form-result{position:relative;display:block;margin:5px 0;padding:10px;width:calc(100% - 20px);}\n.form-result label{position:absolute;top:15px;left:15px;padding:5px 10px;font-size:12px;line-height:1.5;background:#ddd;color:#444;border-radius:5px 0 0 5px;z-index:2;}\n.form-result input{position:relative;display:block;margin:auto;padding:10px 15px 10px 65px;width:calc(100% - 80px);background:#fff;color:#444;border:1.5px solid #007bff;outline:none;}\n<\/style>\n\n<div class=\"QR-generator\">\n<div class=\"form-qr\">\n<label>Nama QR Code (Opsional)<\/label>\n<input id=\"namaQR\" name=\"namaQR\" type=\"text\" placeholder=\"nama untuk file QR Code\">\n<\/div>\n\n<div class=\"form-qr\">\n<label>Konten QR Code<\/label>\n<textarea id=\"kontenQR\" name=\"kontenQR\" placeholder=\"masukkan teks\/link\/kode untuk dikonversi menjadi QR Code\"><\/textarea>\n<\/div>\n\n<div class=\"tombol-qr\">\n<button id=\"generate-qr\">Generate<\/button>\n<button id=\"reset-qr\">Reset<\/button>\n<a href=\"#\" id=\"link\"><button id=\"download-qr\">Download QR<\/button><\/a>\n<\/div>\n\n<div class=\"hasil-generate\">\n<div class=\"image-generate\">\n<div class=\"qrcode\">\n<canvas id=\"canvas\" height=\"164\" width=\"164\" style=\"height: 164px; width: 164px;\"><\/canvas>\n<\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n<script src=https:\/\/aksesia.com\/wp-content\/themes\/moderntools\/assets\/js\/qr-generator-command.js><\/script>\n<script src=https:\/\/aksesia.com\/wp-content\/themes\/moderntools\/assets\/js\/qr-generator.js><\/script>\n","protected":false},"excerpt":{"rendered":"<p>Nama QR Code (Opsional) Konten QR Code Generate Reset Download QR<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[42,41],"tags":[],"class_list":["post-36","post","type-post","status-publish","format-standard","hentry","category-tools-online","category-generator"],"_links":{"self":[{"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/posts\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":9,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/posts\/36\/revisions"}],"predecessor-version":[{"id":211,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/posts\/36\/revisions\/211"}],"wp:attachment":[{"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/categories?post=36"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/tags?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}