自定义新浪微博分享按钮

原文地址：http://liuyanzhao.com/2572.html

博主这几天申请了一个新浪微博的应用，得到了一个App Key，申请地址点此

于是准备给页面加一个新浪微博分享按钮，方便随时分享文章到微博，引一波ip，嘿嘿嘿。但是新浪微博的那个图标和按钮真的时丑的一比，不美观，不好改样式。于是就衍生了本文，如何自定义新浪微博按钮。
第一步、部署新浪微博组件

所谓自定义按钮其实原理很简单，就是直接弄一个超链接a，通过js给a标签的href赋值为要跳转的地址。上代码之前，我们需要看这里，如何部署新浪微博的组件。第三个，我们不加，通过代码的形式跳转。

第二步、加入a标签

在你按钮的位置放一个超链接，给id=shareBtn，其他的如href不需要填，当然，你也可以在a标签里加button按钮，随便自定义

    <a  id="shareBtn" href="javascript:void(0)"  target="_blank">分享</>

第三步、加js代码

然后在页面内加以下js代码，如果是放在js文件里，去掉script标签

   /* weiboShare */
    function weiboShare(){
        var wb_shareBtn = document.getElementById("shareBtn")
        wb_url = document.URL, //获取当前页面地址，也可自定义例：wb_url = "http://liuyanzhao.com"
            wb_appkey = "3118689721",//你的app key
            wb_title = "",
            wb_ralateUid = "5936412667",//微博id，获得你的用户名
            wb_pic = "",
            wb_language = "zh_cn";
        wb_shareBtn.setAttribute("href","http://service.weibo.com/share/share.php?url="+wb_url+"&appkey="+wb_appkey+"&title="+wb_title+"&pic="+wb_pic+"&ralateUid="+wb_ralateUid+"&language="+wb_language+"");
    }
    weiboShare();

至此我们就能愉快地把自己的文章分享到微博啦，点击本文下方分享按钮试试吧

原文地址：http://liuyanzhao.com/2572.html