Neat QR Trick for Printing
Posted October 24th 2011 10:11 pm
While watching an episode of Star Trek: The Next Generation (Season 3) on Netflix, I realized a great method to implement QR codes to connect offline content to its online material.
This method is implemented in 3 steps:
This method is implemented in 3 steps:
- Put this code in your footer files (PHP only):
echo "
Scan this QR Code with your Smartphone to access this page:";
"; echo "
(this uses Google's API to automatically generate the QR code for each page. If you are using ASP, insert your own code)
- Put this in your main CSS file:
#print_qr{ display: none; text-align: center; }
- Put this in your Print CSS file:
#print_qr{ display: block }
and if you haven't done so already, put aprint
-specific meta tag to enableprint
-specific CSS