 |
QR Code Generator মাধ্যমে আপনার পছন্দের অ্যাড্রেস বা যে কোন কিছু লেখে Generator QR Code লোগো করে QR Code Download করে নিন।
QR Code Generator
Download QR Codeএ ছাড়াও আপনি চাইলে, আপনার blogger ব্লগস্পট সাইটে QR Code Generator যুক্ত করে রাখতে পারেন। যে কেউ আপনার সাইটে ভিজিট করতে আসেলে এই QR Code Generator এর মাধ্যমে নিজের মত করে QR Code তৈয়ার করে QR Code Download করে নিতে পারবে।
HTML/JavaScript এর মাধ্যমের নিছের দেওয়া QR Code Generator কোড কপি করে আপনার blogger ব্লগস্পট সাইটে উইজেট যুক্ত করতে পারবেন। তাহলে আর দেরি কেন।
এই কোডটি কপি করে আপনার সাইটে পেস্ট করুন।
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QR Code Generator</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
.container {
margin: 20px auto;
max-width: 600px;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
#qrcode {
margin-top: 20px;
}
#download-link {
display: none;
margin-top: 10px;
}
</style>
</head>
<body>
<div class="container">
<h1>QR Code Generator</h1>
<label for="text-input">Enter Text:</label>
<input type="text" id="text-input" placeholder="Enter text...">
<button id="generate-button">Generate QR Code</button>
<div id="qrcode"></div>
<a id="download-link" download="qrcode.png">Download QR Code</a>
</div>
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
<script>
const generateButton = document.getElementById('generate-button');
const textInput = document.getElementById('text-input');
const qrCodeContainer = document.getElementById('qrcode');
const downloadLink = document.getElementById('download-link');
generateButton.addEventListener('click', () => {
const text = textInput.value;
if (text) {
qrCodeContainer.innerHTML = '';
downloadLink.style.display = 'none';
const qrCode = new QRCode(qrCodeContainer, {
text: text,
width: 200,
height: 200,
});
const canvas = qrCodeContainer.querySelector('canvas');
if (canvas) {
const dataURL = canvas.toDataURL('image/png');
downloadLink.href = dataURL;
downloadLink.style.display = 'block';
}
}
});
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QR Code Generator</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
.container {
margin: 20px auto;
max-width: 600px;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
#qrcode {
margin-top: 20px;
}
#download-link {
display: none;
margin-top: 10px;
}
</style>
</head>
<body>
<div class="container">
<h1>QR Code Generator</h1>
<label for="text-input">Enter Text:</label>
<input type="text" id="text-input" placeholder="Enter text...">
<button id="generate-button">Generate QR Code</button>
<div id="qrcode"></div>
<a id="download-link" download="qrcode.png">Download QR Code</a>
</div>
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
<script>
const generateButton = document.getElementById('generate-button');
const textInput = document.getElementById('text-input');
const qrCodeContainer = document.getElementById('qrcode');
const downloadLink = document.getElementById('download-link');
generateButton.addEventListener('click', () => {
const text = textInput.value;
if (text) {
qrCodeContainer.innerHTML = '';
downloadLink.style.display = 'none';
const qrCode = new QRCode(qrCodeContainer, {
text: text,
width: 200,
height: 200,
});
const canvas = qrCodeContainer.querySelector('canvas');
if (canvas) {
const dataURL = canvas.toDataURL('image/png');
downloadLink.href = dataURL;
downloadLink.style.display = 'block';
}
}
});
</script>
</body>
</html>
উপরে দেওয়া কোড কপি করতে সমস্যা হলে সরাসরি এখান থেকে QR Code Generato সংগ্রহ করুন।
ব্লগার ব্লগস্পট ওয়েবসাইটে QR Code Generator যুক্ত করার জন্য নিচের ধাপ অনুসরণ করুন।
আপনার blogger ব্লগস্পট সাইটে QR Code Generator এর এইচটিএমএল জাভা কোড যুক্ত করার জন্য, প্রথমে আপনি blogger ওয়েবসাইট লগিন করে নিন। এর পর Design এ ক্লিক করুন। তারপর Layout এ ক্লিক করুন। তারপর add a gadget এ ক্লিক করুন। Add a Gadget নামে একটি নতুন পেইজ আসবে। দেখবেন এখানে Add a Gadget এর নিচে লিস্ট দেওয়া আছে, এখান থেকে আপনি HTML /JavaScript এ ক্লিক করুন। তারপর দেখবেন Configure HTML/JavaScript পেইজ ওপেন হয়েছে। ঐ পেইজে Title ঘরে পছন্দের নাম দিন এবং উপরের কোডটি কপি করে Content ঘরে পেস্ট করে Save করুন। না বুঝলে Blogger ব্লগস্পট সাইটে কীভাবে widget যুক্ত করবেন ছবি সহকারে দেওয়া আছে
অথবা, আপনার ব্লগার ব্লগস্পট সাইটে প্রাথমিক ভাবে HTML view তে কপি পেস্ট করে পোস্ট করে দেখুন। আশা করি বিস্তারি নিজেই নিজেই বুঝতে পারবেন।
.jpeg)
