右側添加懸浮打賞功能

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

                                                                      

看了后，小穎也想給自己的博客里弄一個，所以就百度了一下，在參考：博客園—打賞功能后，小穎就給自己的博客添加了此功能，嘻嘻，下面一起來看看，要怎么做：

第一步：

          進入“我的博客”->“管理”->“設置”，往下拉，找到“博客側邊欄公告”后面，申請“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、zanzhu 這兩個參數，小穎試了這兩以外的拼音，頁面中的打賞也成了所以小穎猜它的值是dashang、zanzhu。
大家也可以看看tctip官網，好啦希望小穎的分享大家能夠喜歡，也歡迎大家多多打賞哦。拜拜！