百度分享相关2

来源:互联网 发布:网络安全法题目及答案 编辑:程序博客网 时间:2024/05/17 04:07

轻松几步自定义百度分享-打造个性化的百度分享按钮

2012年08月29日 ⁄ 二次开发 ⁄ 共 2419字 ⁄ 字号 小 中 大 ⁄ 评论 5 条 ⁄ 阅读 4,788 views 次

新文章:百度分享CSS自定义 http://www.sdtclass.com/3127.html

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

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

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

<!-- Baidu Button BEGIN --><div id="bdshare">    <a>QQ </a>    <a>新浪</a>    <a>腾讯</a>    <a>人人</a>    <span>更多</span></div><script type="text/javascript" id="bdshare_js" data="type=slide&mini=1" ></script> <script type="text/javascript" id="bdshell_js"></script> <script type="text/javascript">//在这里定义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();</script><!-- Baidu Button END -->

还有一种:

<!-- Baidu Button BEGIN --><div id="bdshare" data="{'desc':'目前支持自定义qq空间和人人网的摘要内容'}">    <a>QQ </a>    <a>新浪</a>    <a>腾讯</a>    <a>人人</a>    <span>更多</span></div><script type="text/javascript" id="bdshare_js" data="type=slide&mini=1" ></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?cdnversion=" + new Date().getHours();</script><!-- Baidu Button END -->

其中'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参考:http://share.baidu.com/help/webid

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

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

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

<a class="bds_t163"></a>
<a class="bds_douban"></a>
<a class="bds_renren"></a>

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

另外自己可以定义下样式,在代码前面定义个<style>或者样式表里面定义好,过来用div套住也行!

0 0
原创粉丝点击