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

第一步，在你所用主题目录新建一个名称为：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(); ?>

WordPress添加固定位置的百度分享按钮相关推荐

怎么给WordPress网站添加固定的百度分享按钮？
怎么给WordPress网站添加固定的百度分享按钮?WordPress固定在页面左侧的百度分享按钮,可方便读者分享自己喜欢的文章,本文教你把这个固定的分享按钮添加到其它主题中. 1.第一步,在你所用主 ...
Question2Answer添加百度分享按钮
开源程序Question2Answer程序的模板和wordpress模板有很大的不同,Question2Answer修改模板的时候并不是直接修改模板文件夹qa-theme下的文件,而是需要修改系统文件 ...
2022最新可用网页百度分享按钮安装教程【网站添加百度分享按钮代码】
简介: 2022最新可用百度分享是一个提供网页地址收藏.分享及发送的WEB2.0按钮工具,借助百度分享按钮,网站的浏览者可以方便的分享内容到人人网.开心网.QQ空间.新浪微博等一系列SNS站点. 网站 ...
在HTTPS网站安装百度分享按钮代码及其SEO外链作用
百度分享按钮,可以帮用户实现一键将网站内容分享到第三方网站,但它的功能与作用远远不止便于分享. 今天,小小课堂网为大家带来的是百度分享按钮代码安装及对网站SEO优化外链的效果.希望对大家有所帮助. 一 ...
教会你ECshop安装百度分享按钮教程
1.打开您的站点上位于该位置的模版文件:themes/default/library/page_footer.lbi,用于修改. 2.从百度分享网站上复制您获得的分享按钮代码. 3.将您获得的百度分享 ...
html网页百度分享按钮安装,轻松几步自定义百度分享-打造个性化的百度分享按钮 | SDT技术网...
之前我用百度的分享的时候,一直不知道可以自定义,以为是固定的,后来看到有的网站的百度分享都不一样啊,然后去百度分享的帮助里面看了,才知道的确可以自定义的!我们首先去这里看看:http://share. ...
echarts label固定位置_ECharts+百度地图网络拓扑应用
前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用,后来在ECharts的Demo中看到了有关空气质量的相关报表应用,就想将百度地图.ECharts和HT for Web三者结合起来 ...
HTML 固定div于页面固定位置，实现悬浮按钮
2019/5/23补充 ↓ css实现按钮固定在底部按钮固定在底部 css: <style> .bottom{position:fixed; bottom:0;} </style& ...
【转】博客美化(3)为博客添加一个漂亮的分享按钮
阅读目录 1.社会化分享 2.选择一个分享按钮 3.添加到博客园博客博客园美化相关文章目录:博客园博客美化相关文章目录在前2篇博客"博客美化(1)基本后台设置与样式设置"与&q ...

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

WordPress添加固定位置的百度分享按钮相关推荐

最新文章

热门文章