添加一个位置固定的百度分享按钮
百度分享
HotNews Pro 2.72集成的固定在页面左侧的百度分享按钮,可方便读者分享自己喜欢的文章,本文教你把这个固定的分享按钮添加到其它主题中。
第一步,在你所用主题目录新建一个名称为:share.php的模板文件,将下面的代码复制到进去并保存:
- <div id=“share”>
- <div class=“share”>
- <div id=“bdshare” class=“bdshare_t bds_tools get-codes-bdshare”>
- <a class=“bds_tsina”></a>
- <a class=“bds_tqq”></a>
- <a class=“bds_qzone”></a>
- <a class=“bds_renren”></a>
- <span class=“bds_more”></span>
- </div>
- <div style=“clear:both;”></div>
- </div>
- </div>
- <script type=“text/javascript” id=“bdshare_js” data=“type=tools&uid=0” ></script>
- <script type=“text/javascript” id=“bdshell_js”></script>
- <script type=“text/javascript”>
- document.getElementById(“bdshell_js”).src = “http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=” + Math.ceil(new Date()/3600000)
- </script>
- <style type=“text/css”>
- #share {
- display:block;
- width:35px;
- margin-left:-546px;/* 修改左右位置 */
- position:fixed;
- left:50%;
- top:420px;/* 修改上下位置 */
- _margin-left:-546px;/* IE6修改左右位置 */
- _position:absolute;
- _margin-top:420px;/* IE6修改上下位置 */
- _top:expression(eval(document.documentElement.scrollTop));
- }
- .share {
- background:#fff;
- width:24px;
- border: 1px solid #ccc;
- border-radius:5px 0 0 5px;
- }
- #bdshare_l {
- border-radius: 5px;
- }
- div #bdshare_l_c {
- border: 1px solid #ccc;
- border-radius: 5px;
- }
- #bdshare h6, #bdshare_s h6,#bdshare p, #bdshare_s p {
- display:none;
- }
- </style>
第二步,将调用代码:
- <?php include(‘share.php’); ?>
添加到主题页脚模板footer.php这句上面:
- <?php wp_footer(); ?>
以上代码在WP默认主题Twenty Twelve中测试通过,针对不同主题的页面宽度,可适当调整固定按钮的位置,代码中有注释。
添加更多的百度分享网站按钮点此查看方法
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
写给所有做网站的朋友的一封信
现在就开始执行“1+N”互联网推广和没有开始执行的人,一两天看不出任何区别; 一两个月看来差异也是微乎其微的;但在2-5年的长远时间来看的时候,你的高质量询盘不断增加,你的互联网资产已经建立完成,对手已经很难匹敌,现在你看到这段文字的时候就是最好的开始,现在就是最好的时候,马上开始“1+N”体系的整体互联网推广吧,我们和你一起,开创互联网大未来!