首页 > 其他分享 >blog-博客美化-右边浮动分享按钮

blog-博客美化-右边浮动分享按钮

时间:2023-05-17 18:36:54浏览次数:53  
标签:weixin sqq share youdao js blog 按钮 分享 美化

分享按钮的设计网站

http://share.baidu.com/code

  • 右边浮动分享按钮
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"1","bdMiniList":["sqq","weixin","linkedin","youdao","evernotecn","bdysc","print","copy"],"bdPic":"","bdStyle":"0","bdSize":"16"},"slide":{"type":"slide","bdImg":"5","bdPos":"right","bdTop":"80"},"image":{"viewList":["sqq","weixin","youdao"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["sqq","weixin","youdao"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
  • 横版分享按钮,页首页脚
<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["sqq","weixin","youdao"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["sqq","weixin","youdao"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

标签:weixin,sqq,share,youdao,js,blog,按钮,分享,美化
From: https://www.cnblogs.com/tssc/p/17409692.html

相关文章

  • blog-博客美化-悬浮图标-右下角推荐与反对
    设置“推荐与反对”,固定在窗口的底部进入自己的博客园->设置,将以下css代码添加到“页面定制CSS代码”/*推荐和反对*/#div_digg{position:fixed;bottom:5px;width:140px;right:0px;border:2pxsolid#6FA833;padding:10px;background-color:#fff;bord......
  • blog-博客美化-博客标题栏图标
    博客标题栏图标1.首先得准备一个icon类型的文件可以自己百度找一个,或者找张图片另存为ico格式即可2.上传自己的ICON图标进入自己的博客后台管理->文件->选择文件->上传,点击已上传的文件,copy这个文件的网络地址,后续会用到https://files.cnblogs.com/files/tssc/Q.ico3......
  • blog-博客美化-标题背景色带代码
    博客美化-标题背景色带代码取色网址:http://www.114la.com/other/rgb.htm标题背景色带代码1.自定义背景色<!--此处自定义标题背景色-->#cnblogs_post_bodyh1{background:#390;border-radius:6px6px6px6px;color:#FFFFFF;font-family:FZShuTi;......
  • blog-博客美化-生成目录索引
    博客美化-生成目录索引注意:需要先申请开通JS接口!!今天帮朋友设置后台代码,发现怎么都没有效果,看了下忽略了JS接口;因为插入的代码大多有JS功能,不申请开通JS功能自然无法支持JS效果。网上看了很多博客也都没提及这点,感觉是个坑,So,需要的朋友可以留意下。对了、在编辑页面是显示不出......
  • blog-博客美化-添加打赏按钮
    博客美化-添加打赏按钮1.获取支付宝,微信的收款码1.1.获取收款码图片支付宝的使用说明*您也可以登录支付宝,打开https://qr.alipay.com/paipai/personal.htm,保存网页上的收款二维码,然后将图片添加到自己的博客园相册里面,然后将图片的地址作为qrimg参数传入,这样别人扫描此二维......
  • Blog-2
    前言:(总结之前所涉及到的知识点、题量、难度等情况)一,菜单四难度:菜单四是在菜单三的基础上迭代的,难度较大,因为要求有很多,这次大作业只要这一道题,但是也是要花费很长时间的一些知识点:类和对象:在代码中定义了几个类,如MenuItem(菜单项)、OrderItem(订单项)、TableOrder(桌子订单)和Tab......
  • BLOG-2
    前言:这次博客分析两个菜单和一个期中考试,在这次期中考试里重点考察了接口以及我们对抽象类和接口之间的差别理解,以及对list包的理解和使用,比如ArrayList<Shape>list=newArrayList<>();这里考的list的面积排序,就是用接口的办法来解决面积大小的排序。这里接口:Comparable接口 ......
  • Go语言并发编程-cnblog
    并发编程并发vs并行举个形象点的例子并发可以理解为一边吃饭,一边喝水,因为人只有一个嘴一个咽喉,所以同一时刻饭和水只能有一样进入,二者只能交替进行并行可以理解为一边走路一边吃东西,因为走路是靠腿脚,吃东西是靠嘴,二者不相干,相当于两个独立的线程,因而可以同时进行Go语言......
  • BLOG-2
    一、前言先叠个甲,针对上次互评同学们的评论,我这次虽说也写上了题目,但我写了一万多字,真的没有水字数!!这次类图和圈复杂度也都加上了,麻烦各位帅哥美女给高点分儿,我也保证在互评时都打90分以上。1.知识点:接口,正则表达式,集合等等2.题量:额,菜单系列就一道题,不能说大吧。。。3.难度:我......
  • JiaoZiVideoPlayer 监听播放按钮
    jZVideoPlayerStandard.startButton.setOnClickListener(newView.OnClickListener(){@OverridepublicvoidonClick(Viewview){Toast.makeText(mContext,"播放",Toast.LENGTH_SHORT).show();......