现在的位置: 首页 > 网站运营推广 > 正文

百度分享代码修改样式_做个性的百度分享插件

2012年04月28日 网站运营推广 ⁄ 共 2313字 评论数 3 ⁄ 阅读 6,874 次

百度分享大大方便了站长们的网站推广,只需要在网站特定位置通过百度分享代码加一个百度分享按钮,就可以轻松将该网页分享到QQ空间、新浪微博或QQ空间等SNS网站。然后让网友自发传播推广,对于网站推广的意义很大。

另外,百度自己对百度分享按钮的介绍也会让你更想在网页上加百度分享代码:

百度分享按钮,可以让网站的浏览者便捷的分享您网站的内容到人人网、qq空间、新浪微博等SNS站点,为您的网站带回更多的流量。

百度分享按钮,可以让网站上的网页将更容易被百度搜索引擎所发现,从而有机会从百度搜索带回更多的流量。

百度分享按钮,可以提升网站的网页抓取速度,让你的网页更容易被百度爬虫发现,从而帮助网站的内容更新更快的被百度抓取。

百度分享按钮,可以让你免费获取详尽地分享统计分析,了解网民将您网站上哪些内容分享到哪些SNS网站,每日的分享次数是多少,帮您更好得的跟踪、分析、激励用户的分享行为,为网站带来更多的流量。

既然百度分享按钮这么好,那我们就在网站上加上百度分享代码吧!但看到百度分享样式你就会失望一大半,这东西样式单一,可能放到网站上会很难看。OK,如果你想了解百度分享修改样式的方法,将百度分享按钮完美添加到网站,笨鸟就给大家分享一下百度分享修改的具体方法。

WordPress博客虽然可以通过插件添加百度分享,但笨鸟不建议使用插件,这个代码是完全没有必要使用插件的,而且插件也会让百度分享样式没法修改。

<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
<span class="bds_more">分享到:</span>
<a class="bds_qzone"></a>
<a class="bds_tsina"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
<a class="shareCount"></a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=671285" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours();
</script>
<!-- Baidu Button END -->

其中uid=671285中的数字是你在百度注册的ID,其他甚至一样

<span class="bds_more">分享到:</span>
<a class="bds_qzone"></a>
<a class="bds_tsina"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
<a class="shareCount"></a>

上面百度分享代码是默认显示的SNS站点的图标ID,你可以根据自己的需要到下面的页面适当增加或修改分享到的网站图标:

http://share.baidu.com/help/webid

例如:增加豆瓣网和QQ收藏图标,代码如下:
<a class="bds_douban"></a>
<a class="bds_qq"></a>
注意:相应 WEBID名称前面必须加上“bds_”

对于hotnews知更鸟百度分享修改,代码添加位置如下(其他主题也差不多):

将修改过的图标显示代码:

<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
<span class="bds_more">分享到:</span>
<a class="bds_qzone"></a>
<a class="bds_tsina"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
<a class="shareCount"></a>
</div>

加到single.php模版:

<div class="back_b">

上面,也就是与正文底部返回按钮并排显示。

加载的javascript代码:

<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=671285" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript"> document.getElementById("bdshell_js").src = "http://share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours();
</script>

放到主题footer.php模版:

<?php wp_footer(); ?>

上面。这样有利用提高页面加载速度,当然也可以与图标显示代码放在一起,相信度娘的网站速度不会有太大的影响。

这样就完美解决了!如果你还想修改成较大的图标,可以参考百度代码修改hotnews知更鸟关于百度分享按钮的文章。

百度分享代码修改样式,做你的个性百度分享!

» 声明:本站文章源于个人经验总结或书籍、互联网转载,内容仅用于个人学习,请勿转载,否则后果自负!

目前有 3 条留言 其中:访客:2 条, 博主:1 条

  1. 7360 : 2014年03月19日13:33:02  -49楼 @回复 回复

    您好,我最近遇到一个问题,就是我设置了全局链接a和a:hover的样式,但是却影响了百度分享按钮出现异常,鼠标移上去之后图标不见了,这个问题该怎样杜绝才好?

  2. 小小的坏 : 2015年05月07日11:38:55  -48楼 @回复 回复

    你好,我想把百度分享的默认图标改了,改成自己设置的图标和图标显示的位置,图标大小等等,只是实现他的分享功能该怎么弄呢


    • 管理员
      笨鸟 : 2015年05月08日14:43:57  地下1层 @回复 回复

      图标都是调用百度服务器上的,只能改图标位置、顺序,及使用百度提供的大小样式,而不可以自己实现图标的修改及大小的修订。

给我留言

留言无头像?