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

2013年10 月2日 / 网站源码 / 没有评论 / 2,307次

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>