html网页百度分享按钮安装,轻松几步自定义百度分享-打造个性化的百度分享按钮 | SDT技术网...

之前我用百度的分享的时候，一直不知道可以自定义，以为是固定的，后来看到有的网站的百度分享都不一样啊，然后去百度分享的帮助里面看了，才知道的确可以自定义的！我们首先去这里看看：http://share.baidu.com/help/customization-config

其中，bds_config 接受多个自定义配置属性，data 接受多个自定义配置属性【局部】，我们大概了解下格式，接下来就是按照他们的参数了！

'bdDes':'您的自定义分享摘要'，这里如何自定义呢？下面看两段代码举例【摘自百度分享帮助：】

QQ

新浪

腾讯

人人

更多

//在这里定义bds_config var bds_config = {'bdDesc':'目前支持自定义qq空间，开心网的摘要内容'};

document.getElementById('bdshell_js').src = "http://share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();

还有一种：

QQ

新浪

腾讯

人人

更多

document.getElementById('bdshell_js').src = "http://share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();

其中'bdDesc':'摘要内容' 这里需要调用函数了！就是“<?php echo trim(wp_title('',0)); ?>”，就是：'bdDesc':'<?php echo trim(wp_title('',0)); ?>',

上面只是举个例子，也可以自己定义，我们首先需要熟悉wordpress的函数来配合使用，如果你网站是基于其他程序就基于其他程序的函数调用来指定了！这里的“<?php echo trim(wp_title('',0)); ?>”是调用当前网页的title用的，当然，这个功能目前只支持QQ空间和开心网

'bdText':'您的自定义分享内容' 这个和上面差不多，不过这个是微博这些用的，也就是调用分享的内容，也可以和上面一样用那个函数，也就是：

'bdText':'<?php echo trim(wp_title('',0)); ?>'

其他的：

'bdPopTitle':'您的自定义pop窗口标题',

'bdTop':'您的自定义侧栏高度',

'bdComment':'您的自定义分享评论',

'bdPic':'您的自定义分享出去的图片',

'searchPic':'是否自动抓取页面图片',

'wbUid':'您的自定义微博 ID',

'render':false,

'review':'normal',

'snsKey':{'tsina':'appkey'}

具体参考百度分享代码的帮助

这里说下var bds_config = { 之间多个定义用英文半角逗号隔开}

data="{之间的也和上面一样 }">

这些是参数的定义，列举下自定义来源吧，如下：

var bds_config = {

'snsKey':{'tqq':'123456789'}

};

这里的是微博的来源KEY部分，这里列举下整个bds_config大致定义：

var bds_config = {

'bdText':'<?php echo trim(wp_title('',0)); ?> │ <?php bloginfo('name'); ?>',

'bdDesc':'<?php echo trim(wp_title('',0)); ?>',

'snsKey':{'tqq':'123456789'}

};

根据这个参考可以定义其他分享按钮自定义尾巴，下面来说说显示的按钮

默认显示就几个而已，那么，我们如何来自定义呢？

一样是参考上面的ID参考里面的ID，我们做如下举例：

这里 网易微博ID就是t163，所以加上bds_的前缀就可以了！就是这么简单啦！

另外自己可以定义下样式，在代码前面定义个