博客园（cnblogs）右侧添加悬浮打赏功能

博客园（cnblogs）右侧添加悬浮打赏功能

今天小颖逛博客园时，发现有的园友的博客右侧都有一个：

                                                                       

看了后，小颖也想给本身的博客里弄一个，因此就百度了一下，在参考：博客园—打赏功能后，小颖就给本身的博客添加了此功能，嘻嘻，下面一块儿来看看，要怎么作：

第一步：

          进入“个人博客”->“管理”->“设置”，往下拉，找到“博客侧边栏公告”后面，申请“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.cn"},

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

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

buttonImageId ：值貌似是1到9，你们能够本身试一试，不一样的参数的颜色也不一样。小颖试了9之后的数字，页面中的打赏就成因此小颖猜它的值是1到9。 buttonTip：值貌似只有dashang、zanzhu 这两个参数，小颖试了这两之外的拼音，页面中的打赏也成了因此小颖猜它的值是dashang、zanzhu。 你们也能够看看tctip官网，好啦但愿小颖的分享你们可以喜欢，也欢迎你们多多打赏哦。拜拜！