您的位置:首页 > 其它

WordPress添加固定位置的百度分享按钮

2013-11-24 23:35 197 查看
第一步,在你所用主题目录新建一个名称为: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(); ?>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: