codecamp

安装多个分享按钮

如何安装多个分享按钮

百度分享按钮支持多类,多个同时出现于同一个分享页面,为您的用户提供多种便捷的分享方式。

您只需将您希望的类型加入到页面中即可,而且您只需引用一次js脚本便可轻松实现。

<!-- Baidu Button BEGIN -->
//在页面中加入文字式分享按钮
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
    <a class="bds_qzone">QQ空间</a>
    <a class="bds_tsina">新浪微博</a>
    <a class="bds_tqq">腾讯微博</a>
    <a class="bds_renren">人人网</a>
    <span class="bds_more">更多</span>
</div>

//加入另一个按钮式分享按钮
<div id="bdshare" class="bdshare_b"><img src="images/type-button-1.jpg" /></div>

//最后加入一个百度分享公共的js脚本,如果您希望在增加一个侧栏式按钮,可以向下面这样将type设置成slide
<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://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->

这样,您的一个页面中就会存在3种百度分享按钮,方便您的使用。多种随意组合,让您和您的用户轻松分享

一般安装到网站哪里?
分享到的代码优化
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }