Search Box by All Blogger Tricks

Thursday 17 October 2013

Automatic QR Code Generator Plugin for Blogger with Customisations


Freelance Jobs
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.
<<<<<****************************************************************>>>>>

Need more Customisations ? Comment your combinations
Below and We will add that in this post as soon as Possible


0 comments

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Support: Contact Us | Feedback & Support | About Us
Links: Developer | Request/Publish/Remove Widget | Widgets by Widgets Bay
Donate Us via: PayPal Powered by: Blogger
Published by: Widgets Bay | Privacy Policy | Terms of Service
Copyright © 2013Widgets Bay - All Rights Reserved