顯示具有 Widget 標籤的文章。 顯示所有文章
顯示具有 Widget 標籤的文章。 顯示所有文章

2018年2月2日 星期五

2018年1月21日 星期日

(JS) Donate me Bitcoin 贊助按鈕

風險警告：投資加密幣風險極高! Investing altcoins accompanies with the highest risk!
Please Donate To Bitcoin Address: [[address]]
Donation of [[value]] BTC Received. Thank You.
[[error]]
用法：
https://blockchain.info/create_donation_button?address=比特幣錢包
錢包如:16KLuqE4VwaEbuucjQRndWtdmyWNwADTy

JS

1
2
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="https://blockchain.info/Resources/js/pay-now-button.js"></script>

HTML

注意：請檢查data-address是否正確

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
<div style="font-size:16px;margin:0 auto;width:300px" class="blockchain-btn"
     data-address="16KLuqE4VwaEbuucjQRndWtdmyWNwADTy"
     data-shared="false">
    <div class="blockchain stage-begin">
        <img src="https://blockchain.info/Resources/buttons/donate_64.png"/>
    </div>
    <div class="blockchain stage-loading" style="text-align:center">
        <img src="https://blockchain.info/Resources/loading-large.gif"/>
    </div>
    <div class="blockchain stage-ready">
         <p align="center">Please Donate To Bitcoin Address: <b>[[address]]</b></p>
         <p align="center" class="qr-code"></p>
    </div>
    <div class="blockchain stage-paid">
         Donation of <b>[[value]] BTC</b> Received. Thank You.
    </div>
    <div class="blockchain stage-error">
        <font color="red">[[error]]</font>
    </div>
</div>

2018年1月20日 星期六

(JS)QR Code by Google Charts API

Google Charts API已過時，未來可能不支援
QR Code是由黑白方塊組成的機器可讀代碼，通常用於存儲URL或其他信息，供智慧手機上的相機閱讀。
舉例來說，下面是包含本網站主頁鏈接的二維碼：
二維碼
Google Chart API是一個工具，可以讓人們從一些數據中輕鬆創建圖表並將其嵌入到網頁中。Google根據HTTP請求中的數據和格式參數創建圖表的PNG圖像。
以下是一般格式：
參數描述
CHL要編碼的內容。確保內容是HTML編碼的，例如%20空白
CHT圖表類型。qrQR code。
CHS生成的QR碼圖像的尺寸為<width>x<height>。
請參閱Google開發者網站了解更多信息。

本站所使用的簡單Qrcode外掛

PS.url encoder建議使用encodeURIComponent避免#等特殊符號問題 
參考來源：https://mathewsachin.github.io/blog/2017/01/03/make-qr-code.html

2018年1月17日 星期三

2018年1月4日 星期四

(JS)美人計時器blog插件

僅支援180px 及300px
程式碼(網頁或blog插件)


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<div class="bijin_blog_part" data-width="300" data-bcid="aomori"></div>
<script type="text/javascript">
 (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s);
  js.id = id;
  js.async = true;
  js.src = "http://blogparts.bijint.com/blogparts/js/script.js";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, "script", "bijint-widget"));
</script>


結果(Result)如下：


來源網站：http://blogparts.bijint.com/blogparts/tool.html

訂閱： 文章 (Atom)