wordpress教程：添加侧边跟随百度分享按钮（含划词分享、图片分享效果）

[tr][td]什么是侧边跟随百度分享按钮？三好公民先用一个预览图表达一下想要实现的效果：

图片：095715yipxwpun8rrbpinr.png

 正如你所看到的，侧边跟随百度分享按钮指的就是上图中的 ①，这个百度分享按钮能够固定悬浮在页面左侧，跟随页面滚动一直显示；② 就是划词分享效果；③ 就是图片分享效果。
下面三好公民详解一下实现方法，参考了鸟哥在HotNews Pro Plus主题中的代码，原代码没有划词分享和图片分享效果，三好公民做了一点修改，能够实现划词分享和图片分享效果，并且能够在任何wordpress主题上添加侧边跟随百度分享按钮。
1.新建一个文件 share.php，然后把如下代码粘贴到其中：

1234567891011121314151617181920

<span style="color: #009900;"> <span style="color: #009900;"> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"i/span span style="color: #000066;"class/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""lt"/span> <span style="color: #009900;"> <span style="color: #009900;"> <span style="color: #009900;"> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"a/span span style="color: #000066;"href/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""#"/span span style="color: #000066;"class/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""bds_more"/span data-cmdspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""more"/span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"a/span span style="color: #000066;"title/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""分享到QQ空间"/span span style="color: #000066;"href/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""#"/span span style="color: #000066;"class/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""bds_qzone"/span data-cmdspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""qzone"/span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"a/span span style="color: #000066;"title/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""分享到新浪微博"/span span style="color: #000066;"href/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""#"/span span style="color: #000066;"class/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""bds_tsina"/span data-cmdspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""tsina"/span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"a/span span style="color: #000066;"title/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""分享到腾讯微博"/span span style="color: #000066;"href/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""#"/span span style="color: #000066;"class/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""bds_tqq"/span data-cmdspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""tqq"/span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"a/span span style="color: #000066;"title/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""分享到人人网"/span span style="color: #000066;"href/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""#"/span span style="color: #000066;"class/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""bds_renren"/span data-cmdspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""renren"/span> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"a/span span style="color: #000066;"title/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""分享到微信"/span span style="color: #000066;"href/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""#"/span span style="color: #000066;"class/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""bds_weixin"/span data-cmdspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""weixin"/span> <span style="color: #009900;"> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"div/span span style="color: #000066;"class/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""clear"/span> <span style="color: #009900;"> <span style="color: #009900;"> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"i/span span style="color: #000066;"class/spanspan style="color: #66cc66;"=/spanspan style="color: #ff0000;""lb"/span> <span style="color: #009900;"><span style="color: #009900;"><span style="color: #009900;">window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];<span style="color: #009900;">

将这个 share.php 文件上传到当前主题的根目录。
2.在主题的style.css中添加如下样式代码：

123456789101112131415161718192021222324252627282930313233343536373839404142434445

#share { display:block; width:35px; margin-left:-517px; position:fixed; left:50%; top:420px; _margin-left:-515px; _position:absolute; _margin-top:420px; _top:expression(eval(document.documentElement.scrollTop)); }.share { background:#fff; width:24px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }.share_top { position:relative; background:#fff; width:24px; height:8px; border-top:1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }.share_bottom { position:relative; background:#fff; width:24px; height:8px; margin:0 0 10px 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom:1px solid #ccc; }.bdsharebuttonbox { padding:0 0 0 4px !important; }.bdsharebuttonbox a { width:16px !important; padding:0 !important; margin:3px 0 !important; }

3.在主题的 footer.php 中  的前面添加调用 share.php 文件的代码即可：

1

</strong>
[/td][/tr]