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 *

Latest Stories

Facebook app on iPhone

How to Find Block List on Facebook App [2023]

January 20, 2023

AimerLab MobiGo Review 2023: An effective Location Changer for iOS

January 14, 2023
whatsapp logo

How to Restore Deleted WhatsApp Messages Without Backup

December 30, 2022
story comments on facebook

How to Turn Off Story Comments on Facebook

December 3, 2022
Photo by Alwin Kroon on Unsplash

How to Turn Vibrate On or Off in iOS 16 on iPhone 

November 25, 2022
reels on Instagram and Facebook

Here’s how you can See Reels Views on Facebook

November 23, 2022

7 Best Free Online Puzzles To Enjoy At Home

November 21, 2022

TRENDING

  • Facebook saved reels

    How to Find Your Saved and Liked Reels on Facebook

  • How to Reply to a Specific Message on Instagram 2022

  • How to Mute the Original Sound on Instagram Reels

  • How to Send Files and Documents on Messenger for Android

  • How to Make Spotify Album Art Bigger on iOS 16 Lock Screen

Popular Tags

Google Android Chrome

Twitter Dark Mode OnePlus

iPhone Apple Apps Mac

Facebook Messenger Security

Instagram Tutorials Photos

  • About
  • Advertise
  • Contact
  • Privacy Policy

© 2023 WebTrickz. All Rights Reserved.

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

© 2023 WebTrickz. All Rights Reserved.