【博客美化】07.添加打賞按鈕

博客園美化相關文章目錄：

【博客美化】01.推薦和反對炫酷樣式

【博客美化】02.公告欄顯示個性化時間

【博客美化】03.分享按鈕

【博客美化】04.自定義地址欄logo

【博客美化】05.添加GitHub鏈接

【博客美化】06.添加QQ交談鏈接

【博客美化】07.添加打賞按鈕

【博客美化】08.添加"擴大/縮小瀏覽區域大小" 按鈕

【博客美化】09.評論帶頭像，且支持旋轉

【博客美化】10.圖片預覽放大

 

1.添加打賞按鈕

 

進入自己的博客園->設置，將以下JavaScript代碼添加到“頁首Html代碼”

<!--打賞 Start-->

<script>
    window.tctipConfig = {
            staticPrefix: "http://static.tctip.com",
            buttonImageId: 5,
            buttonTip:    "dashang",
            list:{
                alipay: { qrimg: "http://images.cnblogs.com/cnblogs_com/jackson0714/809472/o_alipay_dashang.png"},
                weixin: { qrimg: "http://images.cnblogs.com/cnblogs_com/jackson0714/809472/o_weixin_dashang.png"},
            }
        };
</script>

<script src="http://static.tctip.com/js/tctip.min.js" />

<!--打賞 End-->

 

支付寶的使用說明

* 您可以直接在配置文件中傳入支付寶賬號,插件會自動生成二維碼,但是推薦下面一種
* 您也可以登錄支付寶，打開https://qr.alipay.com/paipai/personal.htm，保存網頁上的收款二維碼，然后將圖片添加到自己的博客園相冊里面，然后將圖片的地址作為qrimg參數傳入,這樣別人掃描此二維碼將直接使用支付寶快捷支付

微信使用說明

* 直接傳入微信賬號，微信掃描的時候似乎不能付款，因此微信需要您傳入qrimg二維碼圖片，見下面
* 打開 微信->收付款>我要收款>長按二維碼圖片>保存到手機，將圖片裁剪后上傳到您的服務器，然后將圖片添加到自己的博客園相冊里面，然后將圖片的地址作為qqrimg參數傳入即可。

開源插件地址：
https://github.com/greedying/tctip

作　　者： Jackson0714
出　　處：http://www.cnblogs.com/jackson0714/
關於作者：專注於微軟平台的項目開發。如有問題或建議，請多多賜教！
版權聲明：本文版權歸作者和博客園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文鏈接。
特此聲明：所有評論和私信都會在第一時間回復。也歡迎園子的大大們指正錯誤，共同進步。或者直接私信我
聲援博主：如果您覺得文章對您有幫助，可以點擊文章右下角【推薦】一下。您的鼓勵是作者堅持原創和持續寫作的最大動力！