博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何在网页添加分享按钮
阅读量:5297 次
发布时间:2019-06-14

本文共 752 字,大约阅读时间需要 2 分钟。

经常在网页上看到这样的图片分享

我的随笔 - 我的前端之路 - 博客园

这样的划词分享

 我的随笔 - 我的前端之路 - 博客园

这样视频分享:

 我的随笔 - 我的前端之路 - 博客园

这样书签

 我的随笔 - 我的前端之路 - 博客园

这样的侧边分享

 我的随笔 - 我的前端之路 - 博客园

更有这样

 我的随笔 - 我的前端之路 - 博客园

这样

 我的随笔 - 我的前端之路 - 博客园

 

这样

 我的随笔 - 我的前端之路 - 博客园

 

这样

 我的随笔 - 我的前端之路 - 博客园

 

这样等等分享按钮。可以把想要分享的东西分享给别人。要怎么做到呢?下面听我慢慢道来。

1.现在常用的分享有三个:JiaThis分享,bShare分享和百度分享

2.上面所说的这样的划词分享

我的随笔 - 我的前端之路 - 博客园

 

这样的按钮分享

 我的随笔 - 我的前端之路 - 博客园

JiaThisbShare,百度分享都可以做到

3. 这样的图片分享

我的随笔 - 我的前端之路 - 博客园

bShare,百度分享可以做到

4. 这样的侧边分享

我的随笔 - 我的前端之路 - 博客园

JiaThisbShare可以做到

另外bShare还可以做到

这样的侧边分享

我的随笔 - 我的前端之路 - 博客园

这样的侧边分享

 我的随笔 - 我的前端之路 - 博客园

5.这种工具式按钮

 我的随笔 - 我的前端之路 - 博客园

JiaThisbShare可以做到

6. JiaThis还可以做到

我的随笔 - 我的前端之路 - 博客园(喜欢按钮)

我的随笔 - 我的前端之路 - 博客园(关注按钮)

7.bShare可以做到

这样视频分享:

 我的随笔 - 我的前端之路 - 博客园

这样书签

 我的随笔 - 我的前端之路 - 博客园

那么怎样才能使用他们呢?

以JiaThis分享为例:

进入JiaThis分享首页:

 我的随笔 - 我的前端之路 - 博客园

点击上图的获取代码

 我的随笔 - 我的前端之路 - 博客园

向下拉,点击更多高级自定义功能

进入JiaThis 按钮自定义大全:

 我的随笔 - 我的前端之路 - 博客园

按照提示先选择按钮样式,

我的随笔 - 我的前端之路 - 博客园

然后配置功能选项

最后分享代码:

 我的随笔 - 我的前端之路 - 博客园

将画圈部位代码放到你的网页中,就可以了。

 而bShare分享和百度分享也是类似,只要进入相应的官网,根据相应的提示进行设置,然后把代码复制到自己的网站上即可。

ps:其实,很多时候,很多事情,并不如我们想象的那么难,可能是我们没有找对解决的方法.这里有点说多了,总之,大家都加油吧!

注意:本文为原创,转载请以链接形式标明本文地址 ,谢谢合作。

本文地址:http://www.cnblogs.com/wanghuih/p/5600654.html

转载于:https://www.cnblogs.com/wanghuih/p/5600654.html

你可能感兴趣的文章
js操作select控件大全(包含新增、修改、删除、选中、清空、判断存在等)
查看>>
从头开始学JavaScript (九)——执行环境和作用域
查看>>
什么时候需要使用Double? double、float、decimal的区别
查看>>
我的MYSQL学习心得(十三)
查看>>
asterisk实时添加sip号码--sqlite篇
查看>>
koogra--Excel文件读取利器
查看>>
ASP.NET 使用ajaxupload.js插件出现上传较大文件失败的解决方法
查看>>
jenkins搭建
查看>>
C#中使用Split分隔字符串的技巧
查看>>
(springboot)freemarker(二)
查看>>
linux下golang gRPC配置详解
查看>>
mongodb 简单使用说明
查看>>
eclipse的调试方法的简单介绍
查看>>
OneAPM 云监控部署与试用体验
查看>>
加固linux
查看>>
wget 升级
查看>>
为什么需要大数据安全分析?
查看>>
day13.字典复习
查看>>
IPSP问题
查看>>
(转)Java中的String为什么是不可变的? -- String源码分析
查看>>