博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
教你如何在博客里加入分享功能——分享插件(HRshare)
阅读量:4332 次
发布时间:2019-06-06

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

下面我要用到的插件是我自己写的,关于插件地址是:。关于分享插件的制作流程我也写了篇文章,有兴趣的可以看下:

  闲话不多说,进入正题吧,大家可以看下文章最后是不是有一排分享的按钮,那个就是最终的效果了,当然不止那一种效果,一共有以下几种效果,分别是:

  完整的代码就是这样

<link rel="stylesheet" href="" />
<script src=""></script>
<p class="hoorayshare">
<a class="hr-share-tsina"></a>
<a class="hr-share-tqq"></a>
<a class="hr-share-tsohu"></a>
<a class="hr-share-twangyi"></a>
<a class="hr-share-qzone"></a>
<a class="hr-share-renren"></a>
<a class="hr-share-baidu"></a>
<a class="hr-share-taobao"></a>
<a class="hr-share-xiaoyou"></a>
<a class="hr-share-hi"></a>
<a class="hr-share-feixin"></a>
<a class="hr-share-tianya"></a>
<a class="hr-share-douban"></a>
<a class="hr-share-mop"></a>
<a class="hr-share-more"></a>
</p>
<script type="text/javascript">
$('.hoorayshare').HRshare();
</script>

  顶上引用JS和CSS必须要有,下面是一个P标签包着一堆A标记,里面的内容位置可以修改,也可以删除不想要的,最后一个是更多按钮,建议不要去掉。

  然后是分享调用方法,里面可以设置不同参数来实现不同展示方式,可以看上图里的参考。

  最后我们把代码复制,进入后台--设置--博客签名,如果你已经有在使用签名,可以复制到现有的签名里,然后再保存到前台查看效果吧。

  PS:有人会问:为什么不用网上现成的分享插件?首先,这是我自己写的,既然我有同样的产品,为何还要用他人的;第二,我不喜欢网上插件分享的 时候要先跳到他们的网站,然后再跳到相对应的分享地址,莫名其妙的就给他们增加流量了,而且两次跳转的效率肯定不必一次跳转来的高。所以权衡之下,我还是 选择用自己的分享插件。

  PS2:那又有人会问:网上现成的分享插件有统计功能,比如JiaThis。我觉得统计这功能对我来说功能不大,我弄这个插件主要是给想分享文 章的人做个方面,而并非要给自己看到某篇文章分享了多少次,那个数值再高对我来说也没什么太大意义,如果你很喜欢这功能,那推荐你可以用。

转载于:https://www.cnblogs.com/xiaopohou/archive/2011/10/16/2214028.html

你可能感兴趣的文章
shell——按指定列排序
查看>>
crash 收集
查看>>
507 LOJ 「LibreOJ NOI Round #1」接竹竿
查看>>
UI基础--烟花动画
查看>>
2018. 2.4 Java中集合嵌套集合的练习
查看>>
精通ASP.NET Web程序测试
查看>>
vue 根据不同属性 设置背景
查看>>
51Nod1601 完全图的最小生成树计数 Trie Prufer编码
查看>>
Codeforces 1110D. Jongmah 动态规划
查看>>
android驱动在win10系统上安装的心酸历程
查看>>
优雅的程序员
查看>>
oracle之三 自动任务调度
查看>>
Android dex分包方案
查看>>
ThreadLocal为什么要用WeakReference
查看>>
删除本地文件
查看>>
FOC实现概述
查看>>
base64编码的图片字节流存入html页面中的显示
查看>>
这个大学时代的博客不在维护了,请移步到我的新博客
查看>>
GUI学习之二十一——QSlider、QScroll、QDial学习总结
查看>>
nginx反向代理docker registry报”blob upload unknown"解决办法
查看>>