<script src="//code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function setChartImage() {
var query = { cht: "qr", choe: "UTF-8",
chs: $("#size").val(), chld: $(":radio[name='ec']:checked").val(),
chl: $("#text").val() };
var url = "http://chart.apis.google.com/chart?" + $.param(query);
$("#chart").attr('src', url);
$("#url").val(url);
$("#link").attr('href', url);
}
</script>
<style type="text/css">
#m{background:linear-gradient(to bottom left, orange, green, yellow, blue);
height: 1500px;
width: 1000px;
}
img#chart {height:300px;
width: 300px;
margin: 0; padding: 0; background: #fff; border: 1px solid black; }
</style>
<title>QR code generator</title>
<div data-role="content">
<br /><br />
<center> <label style="font-size: 35px; text-shadow: yellow 2px 0px 6px, green 5px 5px 14px;">Size</label>
<select id="size" onchange="setChartImage()" style="width: 550px;">
<option value="150x150">150x150</option>
<option value="300x300">300x300</option>
<option value="500x500">500x500</option>
</select><br /><label style="font-size: 35px; height: 1000px; text-shadow: yellow 2px 0px 6px, green 5px 5px 14px; width: 1000px;"><br />QR Code Image</label><br />
<br />
<div></div>
<a href="https://draft.blogger.com/u/1/blogger.g?blogID=6437539384769926437#" id="link"><img alt="QR code" id="chart" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj658MfzqQS4tQMnIrKq9Orku6ppCLH4QEYBxMmjbgEuOseEVlSUaH9HZP0urRCEdQx47jT6vVzZ3pyfae40qp4127NPSwkoxZM7e6xoyemvMOVp6BfE__chN3OSGzx0umWhOHoSCX5ZjQ/s1600/aj.png" /></a><br />
<div style="font-size: 35px; margin: -10px 10px; text-shadow: yellow 2px 0px 6px, green 5px 5px 14px;"><label style="font-size: 35px; text-shadow: yellow 2px 0px 6px, green 5px 5px 14px;"><br />Insert Data Here</label><br /><br />
<textarea cols="20" id="text" rows="5" style="color: black; font-size: 30px; height: 200px; text-shadow: yellow 2px 0px 6px, green 5px 5px 14px; width: 550px;"></textarea><br /><br />
<button data-theme="b" onclick="setChartImage()" style="background: linear-gradient(to left bottom, orange, green, yellow, blue); font-size: 25px; height: 50px; width: 550px;">Generate</button></div></center>
</div>
OUTPUT
