WebTrickz
TRENDING
  • How to See Your Liked Posts on Instagram 2022
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:
    11 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 *

ADVERTISEMENT

Latest Stories

How to Change or Remove Emoji Reaction on WhatsApp

May 15, 2022
Photo by Miguel Á. Padriñán

Top Tips For Creating The Safest Passwords

May 13, 2022

How to Take a Timed Photo on iPhone 13 and iPhone 12

May 12, 2022
Photo by Dose Media on Unsplash

Factors to Consider When Designing a Logo for Your Business

May 12, 2022

How to Unlock an iPhone Without Passcode?

May 10, 2022
macbook air

How to Change Screen Timeout on macOS Big Sur & Monterey

May 5, 2022
youtube shorts logo

How to Get YouTube Shorts on iPad in 2022

May 5, 2022
ADVERTISEMENT

TRENDING

  • red heart by Nicola Fioravanti

    Here’s how to See Your Liked Posts on Instagram 2022

  • How to Add Reels Back to Profile Grid after removing or posting

  • How to Reply to a Specific Message on Instagram 2022

  • How to Download Reels Audio from Instagram as MP3

  • Here’s how to Share Your Instagram Reels on Facebook

ADVERTISEMENT

Popular Tags

Google Android Chrome

Twitter Dark Mode OnePlus

iPhone Apple Apps Mac

Facebook Messenger Security

Instagram Tutorials Photos

  • About
  • Advertise
  • Contact
  • Privacy Policy

© 2022 WebTrickz. All Rights Reserved.

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

© 2022 WebTrickz. All Rights Reserved.