新版右側添加懸浮打賞功能

小穎以前寫了一篇文章:右側添加懸浮打賞功能   可是如今那個用不了啦,小穎也沒再管,今天發現有園友提醒了小穎,嘻嘻javascript

第一步:保存收款碼

保存本身的微信、支付寶收款碼,而後用截圖工具將圖片截取,只保存有二維碼的部分。html

截取後:截取後:java

第二步:將微信、支付寶收款碼上傳到博客中

進入我的博客,點「管理」,再點「相冊」,添加好相冊名稱(相似文件夾名稱),並上傳這兩個收款二維碼,而後能夠在圖片上面右擊鼠標查看或複製圖片網址。微信

第三步:開通博客JS權限

點「設置」,找到「博客側邊欄公告(支持HTML代碼)」,點擊【申請JS權限】,這裏須要填寫理由,一開始試過填寫其餘的一些理由但未獲經過,後來直接寫想增長打賞功能以便加強寫技術博文的動力,而打賞功能須要使用JS,申請JS權限便得到經過。工具

在「博客側邊欄公告」下面文本框中輸入如下代碼,注意把兩個收款碼圖片網址改爲你本身的。post

<script src="https://static.tctip.com/tctip-1.0.0.min.js"></script>
<script>
    new tctip({
        top: '20%',
        button: {
            id: 9,
            type: 'dashang',
        },
        list: [
          {
              type: 'wechat',
              qrImg: 'http://images.cnblogs.com/cnblogs_com/yingzi1028/1479544/t_weixin.png'
          }, {
              type: 'alipay',
              qrImg: 'http://images.cnblogs.com/cnblogs_com/yingzi1028/1479544/t_zhifubao.png'
          }
        ]
    }).init()
</script>

 而後點擊保存,就ok啦,嘻嘻url

參考文章https博客園我的博客增長打賞功能心得(支付寶和微信分享後的連接在手機端也能夠用到打賞功能)spa

相關文章
相關標籤/搜索