WebTrickz
TRENDING
  • How to Reply to a Specific Message on Instagram
No Result
View All Result
  • News
  • Reviews
  • Social Media
    • Facebook
    • Twitter
    • YouTube
    • Messenger
    • Instagram
    • Snapchat
    • WhatsApp
    • TikTok
  • Apps
  • How To’s
  • Apple
  • iPhone
  • Google
  • Android
  • Mac
SUBSCRIBE
  • News
  • Reviews
  • Social Media
    • Facebook
    • Twitter
    • YouTube
    • Messenger
    • Instagram
    • Snapchat
    • WhatsApp
    • TikTok
  • Apps
  • How To’s
  • Apple
  • iPhone
  • Google
  • Android
  • Mac
No Result
View All Result
WebTrickz
No Result
View All Result
Home How To's

How to Add a Dynamic QR Code to each Blog Post

Mayur Agarwal by Mayur Agarwal
May 16, 2020
in How To's, Mobile

Certainly, QR code have become substantially popular with the introduction of Android phones. Using a QRCode, one can easily open any link or app URL on supported mobile phones just by scanning a specific QR code using the camera and QR code reader app.

A QR Code is a matrix barcode (or two-dimensional code), readable by QR scanners, mobile phones with a camera, and smartphones. The code consists of black modules arranged in a square pattern on white background. The information encoded can be text, URL or other data.
With the growing user base of Android smartphones, the application of QR code has apparently increased a lot. Here is a nice tip for all webmasters and site owners, specially beneficial for sites targeting users looking for mobile phone related stuff.
 
You can consider adding a Dynamic QR Code to your site pages which includes all your articles. This can be simply done by adding a short code to the preferred location on your site. After adding the script, a dynamic QR code gets generated for each post. Whenever users scans the code from their mobile, that particular webpage will open up.
 
qrcode_android
 
To embed the script for QR Code, just copy the below code and paste it any where in your website. That’s all. To change the image size just modify the “size=150×150” to what ever equal value you want.
 

<script type="text/javascript">

var uri=window.location.href;

document.write("<img src='http://api.qrserver.com/v1/create-qr-code/?data="+encodeURI(uri)+"&size=150x150'/>");

</script>

You can also create a table and add a short description on how to use the QR code, making it easier for users. Just check the demo right away in our blog sidebar. 🙂
 
Thanks ClassicTutorials for this amazing tip!
Tags: TipsTricks
ShareTweetSend
Previous Post

Remove/Hide Facebook Sidebar Real-time Ticker

Next Post

Firefox 7.0 Final Now Available for Download

Mayur Agarwal

Mayur Agarwal

Mayur Agarwal is the founder and editor-in-chief of WebTrickz. As a Technology enthusiast and an Internet addict, he loves sharing useful How To’s and Tips & Tricks.

Next Post

Firefox 7.0 Final Now Available for Download

Comments 1

  1. Jeet Dholakia says:
    9 years ago

    Nice tutorial but is it supported in Blogger?

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Latest Stories

Galaxy S21 lineup

How to Power Off & Restart Samsung Galaxy S21, S21+ and S21 Ultra

January 15, 2021
Bedtime in clock app on iphone

How to Turn Off Sleep Mode & Bedtime in iOS 14 on iPhone

January 8, 2021
MacBook desk

How to Lock/Unlock Notes with Touch ID on macOS Big Sur

January 5, 2021
macbook air m1 2020

How to Manually Adjust Keyboard Brightness on M1 MacBook Air

January 2, 2021
messenger new logo

How to Send Gift-Wrapped Messages in Messenger 2020

December 13, 2020

TRENDING

  • messenger icon at the top of Instagram app

    How to Reply to a Specific Message on Instagram 2020

  • What does Other Viewers mean on a Facebook Story?

  • How to Send Files and Documents on Messenger for Android

  • How to Remove Truecaller as Default Calling and Messaging app

  • 3 Different Ways to Mark Spoilers on Discord

Popular Tags

Google Android Chrome

Twitter Dark Mode OnePlus

iPhone Apple Apps Mac

Facebook Messenger Security

Instagram Tutorials Photos

  • About
  • Advertise
  • Contact
  • Privacy Policy

© 2021 WebTrickz. All Rights Reserved.

No Result
View All Result
  • News
  • Reviews
  • Apps
  • How To’s
  • Android
  • Google
  • iPhone
  • Mac
  • Contact Us

© 2021 WebTrickz. All Rights Reserved.