博客園在微信內置瀏覽器打開時添加微信讚揚碼功能

個人博客開通了讚揚,看右側懸浮【打賞】,很容易弄,文末有連接。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

相關文章
相關標籤/搜索