博客园在微信内置浏览器打开时添加微信赞扬码功能

个人博客开通了赞扬,看右侧悬浮【打赏】,很容易弄,文末有连接。css

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

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

一、博客园开通JS权限

开通方式:个人博客-管理-设置,往下拉有申请JS权限,填下理由,申请,通常次日就申请经过了。微信

二、上传微信赞扬码

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

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

三、添加脚本

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

<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>

四、添加样式

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

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

五、验证

将本身的博客文章连接发到手机微信blog

打开后在文末,就会展现你的赞扬码,长按可识别。图片

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

本博客也开通了微信赞扬、支付宝赞扬以及支付宝红包功能,参看右侧【打赏】
这个功能是参考博客:http://www.javashuo.com/article/p-ytfzqlvs-kd.html

相关文章
相关标签/搜索