网站添加百度分享按钮代码实例

百度分享是一个提供网页地址收藏、分享及发送的WEB2.0按钮工具,借助百度分享按钮,网站的浏览者可以方便的分享内容到人人网、开心网、QQ空间、新浪微博等一系列SNS站点。 网站主可以在百度分享网站中获得分享按钮JS代码,嵌入到自己的网站,让网站链接分享到互联网各个角落!

步骤/方法

  1. 进入百度分享也面,选择分享按钮样式,有按钮式,文字式,图标式,浮窗式几种可一选择

  2.  

    选定样式后,点击免费获取代码,进去代码页面,复制分享按钮代码

  3.  

    进自己的网站后台,在需要的地方用源代码模式粘贴刚刚复制的代码

  4.  

    预览一下,就可以看到效果了.提交上去就可以使用了

  5.  

    点一下这个图片,就会出来需要分享的选择了(这里感觉还要升级,使用不是很方便).选定要分享的地方,就可以分享过去了

  6.  

    看看我分享到新浪微博的效果

时间: 2024-10-05 05:11:59

网站添加百度分享按钮代码实例的相关文章

Question2Answer添加百度分享按钮

开源程序Question2Answer程序的模板和wordpress模板有很大的不同,Question2Answer修改模板的时候并不是直接修改模板文件夹qa-theme下的文件,而是需要修改系统文件.当然Question2Answer也可以不修改模板文件添加百度分享按钮. 1.侧边栏添加百度分享 侧边栏添加百度分享按钮是最简单方便的,只需要进入Question2Answer管理中心–布局–所有页面底部自定义内容(支持HTML):添加百度分享-浮窗式.这样侧边栏的分享按钮就添加完成. 2.问题底

为博客园(或网站)添加百度分享按钮 自定义调用JS代码

1.百度分享代码调用地址 http://share.baidu.com/code 根据提示,一步一步的自定义选择,最后复制自定义好的样式,添加到WEB. 2.在页首Html代码中添加复制过来的JS代码 <!--baidu分享--> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini"

如何给网站文章添加百度分享按钮

www.baidu.com/p/%E9%AB%98%E5%AF%86%E6%9C%8D%E5%8A%A1%E5%AD%A6%E7%94%9F%5Fo%2Fdetail www.baidu.com/p/%E5%AE%89%E9%98%B3%E6%9C%8D%E5%8A%A1%E5%AD%A6%E7%94%9F%5Fo%2Fdetail www.baidu.com/p/%E6%BC%AF%E6%B2%B3%E6%9C%8D%E5%8A%A1%E5%AD%A6%E7%94%9F%5Fo%2Fdetai

怎么快速在网站上创建分享按钮?推荐一个JavaScript组件

记得以前做网站的时候遇到前端分享按钮会去百度分享或者jiathis在线生成一个分享代码,当时不懂现在看起来它们做了不少信息收集工作,于是便想着替换掉:在github上找了很久发现没有特别合适的于是便想着自己做一款组件.先附上地址 https://github.com/slince/social-share.js 主题样式 考虑到大众需求,预先做了五款样式主题:最后两个暗色样式比较适用比较酷酷的或者冷色系为主的网站:当然你也可以自定义主题,不过自定义主题需要你自己写css样式了. 默认样式 方形样

如何为网站添加百度统计功能

1 获取百度统计代码 首先登录tongji.baidu.com,在百度统计中申请账号,申请登录后,在管理中加入需要统计的网站地址,添加完成后百度会生成统计代码,不同的网站百度生成的代码是不一样的.在百度统计的管理界面,在需要统计的网站一行,后面有获取代码,点击后会得到百度的统计代码,是一段js文件.类似于 <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"

同一个页面下多个不同的百度分享按钮实现

今天有一个需求,就是在同一个页面上嵌入多个不同分享内容的百度分享插件,网上查找资料给出的方法如下: <!-- Baidu Button BEGIN --> <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare" data="{ 'bdDes':'这是第一个分享按钮', 'text':'这是第一个分享按钮文本', 'title':'这是第一个分享按钮的标题', 'pic

移动端使用百度分享代码

最近看了一些关于分享自媒体的代码,最后在在项目中使用了百度的分享代码,百度分享的代码格式,如下 <div class="bdsharebuttonbox" data-tag="share_1"> <!-- 此处添加展示按钮 --> </div> <script> window._bd_share_config = { //此处添加分享具体设置 } //以下为js加载部分 with(document)0[(getElem

9款经典华丽的CSS3分享按钮

如果你经常活跃在一些社交网站上,那么你肯定会看到过很多形式各异的分享按钮,目前由于HTML5和CSS3的普及,很多分享按钮也都应用了CSS3样式,甚至会有很多带有动画的CSS3分享按钮.本文就向大家介绍了9款经典华丽的CSS3分享按钮,以及它们的源代码,希望能给各位开发者带来一定的帮助. 1.jQuery/CSS3实现超酷的分享按钮 今天要分享的这款分享按钮是基于CSS和jQuery的,按钮比较大,非常大气. 在线演示 源码下载 2.jQuery交互式分享按钮 可横向展开 这次要给大家介绍一款基

有统计的百度分享

<!-- Baidu Button BEGIN --> <script type="text/javascript" id="bdshare_js" data="type=tools&uid=1536434" ></script> <script type="text/javascript" id="bdshell_js"></script>