zoukankan      html  css  js  c++  java
  • 博客园在微信内置浏览器打开时添加微信赞赏码功能

    我的博客开通了赞赏,看右侧悬浮【打赏】,很容易弄,文末有链接。

    另外,在微信中打开时,博客正文底部增加微信赞赏码,在微信内置浏览器打开时,长按图片识别,直接可以赞赏。

    这本人自己摸索的,未参考任何博文,属于原创,转载请详细注明出处。

    1、博客园开通JS权限

    开通方式:我的博客-管理-设置,往下拉有申请JS权限,填下理由,申请,一般第二天就申请通过了。

    2、上传微信赞赏码

    把你的赞赏码传到电脑上,改一下后缀为.gif或.dmp

    然后在我的博客-管理-文件中,选择上传刚才的赞赏码,上传后点击那个文件会预览这个赞赏码,记住这个文件在地址栏的地址

    3、添加脚本

    在我的博客-管理-设置-页脚HTML代码中添加如下代码:其中img标签的src属性值改为你刚才看到的图片地址

    <script> 
    function isWeiXin() {
            var _userAgent = window.navigator.userAgent.toLowerCase();
            if (_userAgent .match(/MicroMessenger/i) == 'micromessenger') {
                $("#cnblogs_post_body").append("<img class='wxzs' src='https://blog-static.cnblogs.com/files/ibigboy/wxzanshang.gif'>");
            }
      </script>
    

    4、添加样式

    在页面定制CSS代码中添加样式。宽高我设置的是原图的一半,在微信中打开大小正合适。

    .wxzs{
         237.5px;
        height: 239.5px;
        margin: 0 auto;
        display: inherit;
    }
    

    5、验证

    将自己的博客文章链接发到手机微信

    打开后在文末,就会展示你的赞赏码,长按可识别。

    转载博文请详细注明出处,谢谢!

    本博客也开通了微信赞赏、支付宝赞赏以及支付宝红包功能,参看右侧【打赏】
    这个功能是参考博客:https://www.cnblogs.com/flyfire-cn/p/10397896.html

  • 相关阅读:
    记录一次使用npm包管理器的过程
    Markdown---锚点
    Tomcat应用部署
    记录项目中使用SoapUI进行webservice接口测试
    python--使用logging库自定义日志输出
    python--configparser库处理配置文件
    python--excel操作插件openpyxl
    python--使用pycharm调试代码
    【云剪贴板】你不要点开啊!!!!
    【每天一个爆零小技巧】个人用的程序小技巧及其他_自用
  • 原文地址:https://www.cnblogs.com/ibigboy/p/10936231.html
Copyright © 2011-2022 走看看