Thursday, 17 October 2013

Automatic QR Code Generator Plugin for Blogger with Customisations

This is a awesome and very usefull QR code Plugin for all publishers who needs to show a QR code for their contents links on their websites, specially those websites which have contents for mobile. This widget enables the visitors exploring the website on desktop to download the contents directly on their mobile. This saves the time of users and visitors feels it easy to explore the website. This plugin is being served by QRSrc.com

This plugin can either generate QR code for the Direct Download links that you specify or for the default webpage link.

This Plugin comes in two variety (1) on hover and (2) without hover

1) Show QR code on Mouse Hover | Live Demo

How to Add this Plugin ?

Place the below given code on the place where you want OR code to appear

<script type="text/javascript" src="http://www.qrsrc.com/qrsrc_btn.js"></script><a href="http://www.qrsrc.com" onmouseover="return qrcodebutton(this, 1);" onclick="return qrcodebutton(this, 0);" ><img src="http://www.qrsrc.com/buttons/qrsrc_32.png" style="border:none;" /></a>

This Plugin will Automatically Show QR code on Mouse Hover over the tiny QR code image whose source link is marked in red

Now it's time for Customisations

Change the link marked in RED above to change the tiny QR Code image of Plugin

Some Images Links with Example

http://www.qrsrc.com/buttons/qrsrc_16.png

http://www.qrsrc.com/buttons/qrsrc_24.png

http://www.qrsrc.com/buttons/qrsrc_32.png

You can show your own image also, just put your own source link of that image

By default button generates QR code for currently dispayed URL.
If you would like button to generate QR code for particular URL add this code:

<script type="text/javascript">
var qrsrc_target_url='http://www.example.com';
</script>

2) Show QR code Always (without hover) | Live Demo

How to Add this Plugin ?

Place the below given code on the place where you want OR code to appear

<script type="text/javascript" src="http://www.qrsrc.com/qrcode.js" id="qrsrc"></script>

This Plugin will Automatically Show QR code on the place where the script has been placed

Now it's time for Customisations

1) If you would like to control the size of the QR code you can do that by specifying the size using this parameter:
qrcode.js?size=250

<script type="text/javascript" src="http://www.qrsrc.com/qrcode.js?size=250" id="qrsrc"></script>

2) If you would like to control the url of the QR code you can do that by specifying the url using this parameter:
qrcode.js?url=http://www.example.com

<script type="text/javascript" src="http://www.qrsrc.com/qrcode.js?url=http://www.example.com" id="qrsrc"></script>

<<<<<****************************************************************>>>>>

We hope you have Enjoyed this Widget & find it useful for you. If you have any Problem or Issue with this Widget, Please do ask us for the Solution by Commenting below.

<<<<<****************************************************************>>>>>