老张 发表于 2014-5-12 19:21:16

如何给网站增加一个侧边栏分享？

现在老张出品的飞飞侠程序网站右侧有一个客服中心，这里面有个玄机，那就是如果你在后台不配置该项（留空）则该客服中心不显



扯远了，现在说下怎么是用百度的悬浮自定义分享功能

效果图


演示站点：demo1.tejiashare.com
放心这次觉得不让你修改网站的源码，而是直接在后台配置
当然你可以直接复制百度自动生成的代码，貌似有点问题，不能正确的显示，分享展开之后会在宝贝下面如图



下面是代码：
      window._bd_share_config = {
                common : {
                        bdText : '自定义分享的内容',      
                        bdDesc : '自定义分享的摘要',      
                        bdUrl : '自定义分享url地址',         
                        bdPic : '自定义分享图片',
                        bdMini: "4",
                },
                slide : [{         
                        bdImg : 0,
                        bdPos : "right",
                        bdTop : 150
                }],
      }
      with(document)0[(getElementsByTagName('head')||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
</script>
<script type="text/javascript">
      $('.bdshare-slide-button-box').live('mouseover',function(){
                $(this).css('z-index',999);
      });
</script>
分析下上面的配置选项bdText : '自定义分享的内容',      
bdDesc : '自定义分享的摘要',      
bdUrl : '自定义分享url地址',
bdPic : '自定义分享图片',
bdMini: "4", //展开之后分几排显bdPos : "right",显示网站的左边还是右边   左边是left右边是 right
bdTop : 150    距离顶部的高度
更加牛的配置 请自学：http://share.baidu.com/code/advance#config-common
按钮风格图


老张出品的飞飞侠程序安装方法
如图：





下面是源码，如果复制上面的出错，可以下载该源码之后按照上面的方法修改即可
**** Hidden Message *****


_︶ㄣ寂寞╄→ 发表于 2014-6-1 17:43:24

看看看看看看看看看看看看看看看看看看看看看看看看看看看看看看看看看看看看看看

wolf2012 发表于 2014-5-30 06:07:40

载该源码之后按照上面的方法修改即可

Google 发表于 2014-5-13 08:58:36

很多网站上都用得到这个，不错！支持一下

Strive 发表于 2014-5-12 19:39:34

这个我知道0000嘻嘻

哈哈 发表于 2014-5-12 22:05:32

;P;P;P;P;P;P;P;P;P

A﹌浮一世年 发表于 2014-5-12 22:26:55

我知道0000嘻嘻

~茜茜公主~ 发表于 2014-5-13 00:41:20

我知道0000嘻嘻

/yhh葫芦/zhh 发表于 2014-5-13 22:40:43

回复后有什么好玩的东西吗》

大头虾 发表于 2014-5-14 13:50:48

支持老张！！！

wanglei1688 发表于 2014-5-18 18:50:45

好吧我看看回复一下

娅娅 发表于 2014-5-29 13:17:39

看着不错
页: [1] 2 3
查看完整版本: 如何给网站增加一个侧边栏分享？