百度分享代码
在自己的站点上写了些文章,有些文章想要分享给朋友或者朋友圈等等地方,没有分享功能只能贴网址似乎很不友好,如果通过分享按钮分享的分享出去的不管是在聊天消息还是空间,都是带有标题 缩略图和简介的友好样式。
分享代码要自己写?css也自己美化?NO!太费劲了,网上肯定是有统一样式的!
百度“分享按钮”确实找到不少,果断点进了百度的,“分享按钮——百度分享”的连接,还能定制个性按钮,确实好用。
不过事情当然不是很顺利了,不然也就不会写这篇文章了!作为菜鸟的我百度的操作我暂时还是看不懂的!
按钮还是很好看的,复制代码,现在本机新建一个html文档,代码放进去,托到浏览器打开看样式,GG了,啥都没有!
当然了,表面上啥都没有,但是源代码中还是有的,看到标签上定义的class,我就明白了,同时我也想骂人了!
不给css要我自己写吗???没有css怎么显示?你页面上的是怎么显示的??? 这就说明他的页面是引用css的,怎么办?找呗!
首先,在分享按钮的定制页面,能显示出按钮的页面上,保存网页,然后只保留按钮的代码 和<head>中的所有代码,把其他的都删掉。当然,css和js文件也是要留下的,
方法你可以按下f12打开审核元素,把其他的p删掉,只留下按钮的p再保存网页,
也可以先在代码中找到按钮的代码,复制那一段记好,再把整个页面保存下来,把body中的所有代码删掉,贴上刚才复制的按钮代码!
按钮代码(p引用了一个class所以要留下,不然你可以删掉试一下)
<p class="bdsharebuttonbox">
<a href="http://share.baidu.com/code#" class="bds_more" data-cmd="more"></a>
<a href="http://share.baidu.com/code#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a href="http://share.baidu.com/code#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="http://share.baidu.com/code#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a> <a href="http://share.baidu.com/code#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
<a href="http://share.baidu.com/code#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></p>
最终删掉了所有引用的css和js、只留下了一条引用“share.js”的代码,而按钮在本地依然能够显示,说明share.js就是我们要找的!
到这一步也就差不多了,该的都有了,也就可以使用了。
我要把它放到我的文章页面,需要找一个合适的位置把代码贴上!我选择放在结束的声明位置把!效果就是本页面看到的!
你可以吧js直接写在页面里。也可以在头部文件里,引用js(这种方式代码简洁,网页速度快,维护方便)。
到此也就可以了!给大家下js的连接。
按钮js代码下载
2018-8-30 首发于idxueqi.cn,转载请注明作者[Xueqi]与出处!
相关阅读
1、概述 在计算机系统中,数据都是以字节进行存储的,每个地址单元对应一个字节,每个字节都是8位(bit)。但是C++除了char和bool之外,还有
有时候我们需要对幻灯片复制,但是不止一张,如果手工去复制粘贴恐怕太麻烦了,怎么批量复制呢?很简单下面一起看看如何批量复制幻灯片!
1.下载百度富文本编辑器 https://ueditor.baidu.com/website/download.html 2.下载完成解压文件 解压之后的目录 3. 在你的V层文
写下来与大家分享下网购经验:一、买衣服一定要有实拍照片 对于女人来说,漂亮的衣服永远穿在别人身上,而且女人都有一个毛病,就是
百度站长平台发布消息称,百度将严厉打击搜索结果页自动调起支付宝红包的现象,具体消息如下:近期,百度搜索技术团队发现在部分搜索结果