自定义百度分享(样式,文件加载)
侧边栏壁纸
  • 累计撰写 114 篇文章
  • 累计收到 21 条评论

自定义百度分享(样式,文件加载)

SanLiLin
2019-02-27 / 0 评论 / 471 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2019年03月13日,已超过1417天没有更新,若内容或图片失效,请留言反馈。

前言

百度分享目前来说应该是用的比较多的第三方分享组件了,但是百度的默认样式又不是那么美观,遂在此分享下自定义修改百度分享样式的方法,支持https方法看这篇文章百度分享不支持Https的解决方案

代码

<head>
<style>
.bdsharebuttonbox.bdshare-button-style0-24 a {float: none;display: inline-block;margin: 0 2px;position: relative;}
.bdsharebuttonbox.bdshare-button-style0-24 span {position: relative;vertical-align: top;}
.bdsharebuttonbox.bdshare-button-style0-24 a.bds_more {color: #666;font-size: 14px;}
</style>
</head>
<body>
<div class="action-share">
<div class="bdsharebuttonbox bdshare-button-style0-24" data-bd-bind="1517296141901">
<span>分享到:</span>
<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
<a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
<a class="bds_bdhome" data-cmd="bdhome" title="分享到百度新首页"></a>
<a class="bds_tqf" data-cmd="tqf" title="分享到腾讯朋友"></a>
<a class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记"></a>
<a class="bds_more" data-cmd="more">更多</a> <span>(</span><a class="bds_count" data-cmd="count" title="累计分享0次">0</a><span>)</span>
</div>
<script>
window._bd_share_config = {
common: {
"bdText"     : "",
"bdMini"     : "2",
"bdMiniList" : false,
"bdPic"      : "",
"bdStyle"    : "0",
"bdSize"     : "24"
},
share: [{
bdCustomStyle: "./css/share.css"
}]
}
with(document)0[(getElementsByTagName("head")[0]||body).appendChild(createElement("script")).src="http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion="+~(-new Date()/36e5)];
</script>
</div>
</body>
</html>

https://wx4.sinaimg.cn/large/0064eL5bly1g0krwwt0yej30bt05w0sl.jpg

源码下载

下载地址
链接:https://pan.baidu.com/s/1Yvtc84qQ7mQU_6GB-hxhOQ 密码:e9my
0

评论 (0)

取消