Creating QRCode Generator Using JavaScript ft. QRCode.js
Add the QRCode Generator widget to your Blogger...
<div style="text-align: center;"><iframe src="https://qrcodejs.sh20raj.repl.co/index.svg"></iframe></div>
<script src="https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs@master/qrcode.js"></script>
Here is A Sample Code :-
<div id="qrcode"></div>
<script src="https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs@master/qrcode.js"></script>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "http://jindo.dev.naver.com/collie",
width: 128,
height: 128,
colorDark : "#000",
colorLight : "#fff",
correctLevel : QRCode.CorrectLevel.H
});
</script>
Sample Codepen | QrCode.JS GitHub Documentaion
- Now Making Input For User and Make it more Advanced.
See Demo on Repl.it :- https://replit.com/@SH20RAJ/qrcodejs#index.html
Blogger Demo :- https://qrgeneratoropen.blogspot.com/
Single Page Code For Blogger :-
Chats During Video Making...
ReplyDeleteCreating QRCode Generator Using JavaScript ft. QRCode.js
If you want to add a qrgenerator widjet to blogger then you can just copy paste the code...
So your viewers can scan text or url from mobile devices from pc...
Now, Let's create a Qrcode Scanner Using Pure JavaScript...
See a simple/sample code here...
Get more documentation from GitHub...
See All the basic Doc...
So this is Working...
So let's start from begginhg...
You can See this Parameters...
This will Create a QRCode Class (oop)
Input the id where you want to get the qr code...
Here put your Code
You can also customize your qr code...
Your qr will be updated automatically...
Let's make it Use Friendly ...
Use will input any url or text and will get the qr code...
Like this...
Let's make it fun...
Let's Check this QR.
This is working...
Let's add some Css...
So Here we made our qr code generator...
Using JavaScript and Css...
Let's Implement it on Blogger...
I wil firstly embed the code for you...
Thatyou will be able to copy directly from Article
You can Also Use GitcodeEmbedder to embed your github files or other url files js/css/html/php codes for embbeding
So that's how to create a qr code generator using javascript (Full Detailed Video for begginers also...)
So....
Thanks For watching till Last...
/
//
/
/
/
Hello sir
ReplyDeleteCan you please explain how to make quiz for blogger
Find Fully Funded Scholarships in 2021
ReplyDelete