2011年12月14日

[219] QR code in Blogger 自動為每一篇文章產生QRcode ~

源起

~  感謝網友們的熱血!!

「blogspot的QRcode 都不會自己產生 ~

好羨慕痞客邦的網誌可以自動為每一篇文章產生QRcode ..... 」

http://www.plurk.com/p/f04h8v (這是私噗 ~ 各位看不見是正常滴!!)

 

最終是採用阿欣老師(ahsin)

兩步驟的教學(簡單易學) ~  

http://paste.plurk.com/show/795115/

 

一、管理介面

設計 / 版面配置/新增小工具 / HTML/JavaScript

 

 

二、在「內容」裏插入底下資料,儲存後就可以啦!

<h2 class="title">QR Code</h2>

<div class="widget-content">

<script type="text/javascript">// <![CDATA[

var img = document.createElement('img');

img.src = 'https://chart.googleapis.com/chart?chs=250x250&cht=qr&chl=' + encodeURIComponent(document.location.href);

document.getElementById('qrcode').appendChild(img);

// ]]></script></div>

 

 

成果展示

 (本網站所採用的QRcode呈現方式)

 

再次感謝國雄老師和阿欣老師的幫忙 ~

Chinese Digger、圖神和再興黃老師的建議也很受用 .....

 

 總之 感恩 啦 ~

 

 

延伸閱讀

 

國雄老師推薦:Generating QR code by Google Chart API

http://we-love-programming.blogspot.com/2011/10/generate-qr-code-by-google-chart-api.html

 

再興黃老師推薦的Chrome外掛 (Quickmark QR Code Extension)

https://chrome.google.com/webstore/detail/bhddglpocgogkbpkbkoieiplhgbjmiim

 

Chinese Digger推薦:Create Unique QR Codes For Your Blog Posts

http://hellboundbloggers.com/2011/06/12/create-qr-code-to-blog-posts/

 

Chinese Digger推薦:QR Code Plugin for WordPress and Blogger Gadget

http://www.qurify.com/qr-code-wordpress-plugin-blogger-gadget/

 

圖神推薦的Blogger外掛教學 ~*U閃亮-手機版頁面現在開始服務

http://eugg.blogspot.com/2010/09/blogger-plugin-eusparkling-mobile.html

2 則留言:

米直 提到...

您好,我套用您所提供的程式碼後QR碼跑不出來,後參考http://www.technobombs.com/how-to-use-qr-code-for-your-blog-posts/ 才成功弄出,由於我對語法不熟,不知道差別在哪,提供您作參考。

Unknown 提到...

若用QuickMark,可免費產生彩色QR Code
或在條碼中間加上logo
http://goo.gl/TbaCS

張貼留言