右側添加懸浮打賞功能

今天小穎逛博客園時，發現有的園友的博客右側都有一個：

                                                                      

看了後，小穎也想給本身的博客裏弄一個，因此就百度了一下，在參考：博客園—打賞功能後，小穎就給本身的博客添加了此功能，嘻嘻，下面一塊兒來看看，要怎麼作：

第一步：

          進入「個人博客」->「管理」->「設置」，往下拉，找到「博客側邊欄公告」後面，申請「JS」使用。點擊申請後，還要等待一段時間。因此咱們先看看下一步吧！

        

第二步：

         將你的微信和支付寶的 「我要收款」的二維碼截屏，而後再將其發送到電腦端，因爲圖片中的空白太多，小穎就用扣扣的截圖將圖片中的二維碼部分截取並保存，保存的圖片格式是png格式的，但博客圓的文件上傳，只容許上傳文件類型:.zip .rar .js .css .xml .7z .ico .pdf .ppt .pptx .xap .xpi .swf .apk .cdf .gif .tar .gz .sh .bmp，因此小穎將圖片選中，點擊鼠標右鍵—>編輯—>小穎圈中的紅色部分，而後你們分別將微信、支付寶收款二維碼圖片的格式後綴改成「.bmp」。

          

第三步：

         並將它們經過「管理」->「文件」，上傳至博客文件夾。

       

第四步：

       查看咱們第一步申請的js權限是否經過，經過後是介個醬紫的：

      

第五步：

         找到「個人博客」->「管理」->「設置」，找到「頁首Html代碼」這個位置，將下面的代碼複製進去。

         注意： 紅色部分須要修改成你的博客地址名。實在不知道的話，你能夠經過「個人博客」->「管理」->「設置」找到

              

               alipay: {qrimg: "http://files.cnblogs.com/files/yingzi1028/zhifubao.bmp"},

                weixin:{qrimg: "http://files.cnblogs.com/files/yingzi1028/weixin.bmp"},

<script>
window.tctipConfig = {
staticPrefix: "http://static.tctip.com",
cssPrefix: "http://static.tctip.com",
buttonImageId: 1,
buttonTip: "dashang",
list:{
alipay: {qrimg: "http://files.cnblogs.com/files/yingzi1028/zhifubao.bmp"},
weixin:{qrimg: "http://files.cnblogs.com/files/yingzi1028/weixin.bmp"},
}
};
</script>
<script src="http://static.tctip.com/js/tctip.min.js"></script>

buttonImageId ：值貌似是1到9，你們能夠本身試一試，不一樣的參數的顏色也不一樣。小穎試了9之後的數字，頁面中的打賞就成因此小穎猜它的值是1到9。

buttonTip：值貌似只有dashang、 這兩個參數，小穎試了這兩之外的拼音，頁面中的打賞也成了因此小穎猜它的值是dashang、。
你們也能夠看看tctip官網，好啦但願小穎的分享你們可以喜歡，也歡迎你們多多打賞哦。拜拜！zanzhuzanzhu