【博客美化】03.分享按钮

简介: 【博客美化】03.分享按钮


阅读目录

 

博客园美化相关文章目录:

【博客美化】01.推荐和反对炫酷样式

【博客美化】02.公告栏显示个性化时间

【博客美化】03.分享按钮

【博客美化】04.自定义地址栏logo

【博客美化】05.添加GitHub链接

【博客美化】06.添加QQ交谈链接

【博客美化】07.添加打赏按钮

【博客美化】08.添加"扩大/缩小浏览区域大小" 按钮

【博客美化】09.评论带头像,且支持旋转

【博客美化】10.图片预览放大

1.添加分享按钮

左侧侧边栏添加分享按钮,效果图如下:

图片.png

 

1.生成分享按钮的代码

到分享按钮的设计网站http://www.jiathis.com/  生成代码

  可以自定义生成代码,也可以直接使用默认的代码

2.添加代码

进入博客园-管理-设置-页首Html代码,将生成的代码复制到页首Html代码

<!-- 分享 -->
<!-- JiaThis Button BEGIN -->
<script type="text/javascript" >
var jiathis_config={
    siteNum:15,
    sm:"copy,qzone,tsina,weixin,tqq,tsohu,renren,cqq,tieba,douban,kaixin001,t163,yixin,51,copy",
    summary:"",
    boldNum:6,
    showClose:true,
    shortUrl:false,
    hideMore:false
}
</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?btn=r.gif&move=0" charset="utf-8"></script>
<!-- JiaThis Button END -->




相关文章
|
6月前
|
前端开发 JavaScript UED
页面美化
页面美化
88 2
|
Android开发
撸一款”灵动“的滑动按钮
撸一款”灵动“的滑动按钮
|
前端开发 JavaScript CDN
博客园美化
博客园美化
233 0
博客园美化
|
C语言
博客总结(导航)
博客总结(导航)
174 0
博客总结(导航)
|
网络协议 API 网络架构
点击一个网页链接,然后发生了什么?
点击一个网页链接,然后发生了什么?
|
前端开发 索引
jqs实现图片轮播--通过点击按钮来实现
jqs实现图片轮播--通过点击按钮来实现
|
前端开发 开发者
对超级链接进行美化 | 学习笔记
快速学习对超级链接进行美化。
217 0
|
JavaScript 前端开发
【全网最全的博客美化系列教程】07.添加一个分享的按钮吧
全网最全的博客美化系列教程相关文章目录 【全网最全的博客美化系列教程】01.添加Github项目链接 【全网最全的博客美化系列教程】02.添加QQ交谈链接 【全网最全的博客美化系列教程】03.给博客添加一只萌萌哒的小仓鼠 【全网最全的博客美化系列教程】04.
1608 0