【博客美化】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 -->




相关文章
|
7月前
|
前端开发 JavaScript UED
页面美化
页面美化
112 2
|
搜索推荐 前端开发 开发者
typora 基本使用和漂亮的主题样式(如何更改typora主题样式 + 如何修改博客园等博客的markdown样式)
typora 基本使用和漂亮的主题样式(如何更改typora主题样式 + 如何修改博客园等博客的markdown样式)
1028 0
typora 基本使用和漂亮的主题样式(如何更改typora主题样式 + 如何修改博客园等博客的markdown样式)
|
7月前
常见的链接样式
常见的链接样式。
40 3
|
前端开发 JavaScript CDN
博客园美化
博客园美化
243 0
博客园美化
|
前端开发
哇!怎么会有这么好看的按钮!
哇!怎么会有这么好看的按钮!
150 0
哇!怎么会有这么好看的按钮!
吐槽简书编辑器
简书编辑器没有插入代码的插件,这边对IT编辑需要插入代码,很不友好,整合文章看上去不是那么舒服,应该改一个号的markdown编辑器
123 0
吐槽简书编辑器
|
前端开发 搜索推荐
【博客美化】01.推荐和反对炫酷样式
【博客美化】01.推荐和反对炫酷样式
103 0
【博客美化】01.推荐和反对炫酷样式
|
C语言
博客总结(导航)
博客总结(导航)
178 0
博客总结(导航)
|
前端开发 索引
jqs实现图片轮播--通过点击按钮来实现
jqs实现图片轮播--通过点击按钮来实现
|
前端开发 开发者
对超级链接进行美化 | 学习笔记
快速学习对超级链接进行美化。
225 0