How-To Add Dynamic QR Code to Each Post

Added dynamic QR Code to this blog today. Each page now has it's own QR Code for mobile viewing.
LEVEL 3 (Coding) ^{What's this?}

UPDATE!

I apologize for neglecting to include the important information below.

Get a Google API Key for your domain (believed to be required):
http://code.google.com/apis/loader/

Getting started Charts:
http://code.google.com/apis/chart/image/docs/making_charts.html

Google Charts API for QR Codes:
http://code.google.com/apis/chart/infographics/

Getting started QR Code:
http://code.google.com/apis/chart/infographics/docs/overview.html

Use the Chart Wizard (for specific data):

http://code.google.com/apis/chart/image/docs/chart_wizard.html 
or
http://imagecharteditor.appspot.com/

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

BLOGGER INSTALLATION:
Option 1 (before post)

If you want the QR to be placed AFTER the blog post TITLE, add the *code AFTER the post-header blogger tag.

<div class='post-header>



Option 2 (after post)

If you want the QR to be placed AFTER the blog post BODY, add the *code AFTER the data:post.body/ blogger tag.


<div class='data:post.body/>



*CODE - Adds QR code image to each post

<script type="text/javascript">
//<![CDATA[
var url=window.location.href;
document.write("<img src=\"http://chart.apis.google.com/chart?cht=qr&chs=100x100&chl="+encodeURI(url)+"\" alt=\"qrcode\" />");
//]]>
</script>

NOTE: You can edit the qr code image size "100x100" to suite your needs.

Code compliments of www.technobombs.com (for Wordpress installation)

! Would someone provide feedback (comment) to verify that you can view and read qr code with a mobile phone?


I could not get these tutorials to work:
http://classictutorials.com/2010/11/dynamic-qr-code-for-each-blog-post/
http://forum.bloggertricks.com/how-to-add-qr-code-for-each-blog-post-for-mobile-t1571.html



more... Label: Snippet


Technorati Tags: computer



NEW
X.CO URL: http://x.co/uabaqr

eCa.sh URL: http://eCa.sh/dUVT

Goo.gl URL: http://goo.gl/Sxx7K

Bit.ly URL: http://bit.ly/uabaqr

Link to this post:

URL:

HTML Link:

Forum Link:

♥ Post This! ♥ Help Raise Awareness of CDLS <> Join iGive!

Report site issues on the contact page or check out alternate contact methods.
Some content on this site is Copyright © 2005- URLAGE.com All Rights Reserved