发布一个博客分享(收藏)小工具-Click Share

不管在哪个博客,总可以在文章底部或侧栏看到一些便捷的收藏链接或图标:收藏到Google,收藏到QQ书签、收藏到百度…,这些除了可以手动以链接形式添加意外,还可以使用插件完成,Wordpress就有一个名为Share this的分享插件,可能吧曾经汉化过。但在使用过程中我总感觉不舒服,因此我编写了一个新的分享小工具-Click Share

效果截图:

发布一个博客分享(收藏)小工具-Click Share(可能吧www.kenengba.com)

因为不是以插件形式使用的,因此这个小工具不但可以在Wordpress上使用,所有的博客,甚至是所有的网页都可以使用。

Click Share的具体效果是点击链接后弹出一个小对话框,对话框里有各大网络书签的链接,方便收藏。实际效果请点击文章底部的“收藏、分享这篇文章”的链接,点击之前确保浏览器没有禁用js。

https://img.knb.im/readimg.php?src=http%3A%2F%2Fwww.panoramio.com%2Fphotos%2Foriginal%2F8641337.jpg

为加快加载速度,我使用了文字而不用图片。

或许你觉得这个小工具有点似曾相识,没错,这个小工具的灵感来自BlueSpeederhttp://www.liangeng.com)所编写的RSS浮动工具-DivRSS可能吧是在他的小工具上修改而成的,因此代码中保留了一些DivRSS的元素。

但DivRSS小工具是用来订阅的,Click Share是用来把文章添加到网络书签的。

之所以命名为Click Share是因为使用的过程就是单击、分享。

目前Click Share所包含的都是中文网络里比较流行的网络书签,包括Google书签、QQ书签、百度搜藏、Diglog、Mr.Wong、雅虎、Del.icio.us、收客、Digg、我挖、新浪、Poco。其它的或在以后添加。

使用方法:

1、用记事本带开cliskshare.js,找到底部的“<img src="http://www.kenengba.com/clickshare/close.png" alt="关闭本页" width="91" height="23" border="0" /> ”中的www.kenengba.com更改为你要上传的目录地址。

2、将Click Share文件夹上传到网站目录。(建议上传到网站根目录)

3、在模板的<body></body>之间加入调用语句

<script src="目录地址/clickshare/clickshare.js" type="text/javascript"></script>

其中的目录地址是你上传clickshare的目录地址。

4、在你想实现Click Share效果的地方加入以下代码

<a href="javascript:void(0)" onclick="showrss();"><img src="目录地址/clickshare/clickshare.gif" alt="" style="vertical-align:middle;border:0"/> 收藏或分享这篇文章</a>

其中的目录地址是你上传clickshare的目录地址。 

下载地址:http://clickshare.googlecode.com/files/clickshare.zip 

或直接在可能吧下载:http://www.kenengba.com/clickshare.zip

所有使用到的元素我都已经上传到GoogleCode:http://code.google.com/p/clickshare/ (可能需要代理)

如有疑问请在留言中提出。

更新:在新的Click Share里,增加了一个小按钮,替换原来的文字链接,更醒目!

23 条评论

  1. 2008 年 3 月 19 日 下午 4:27

    很好,很强大!~~

  2. 2008 年 3 月 19 日 下午 5:16

    不错,就是界面太难看了。

  3. 2008 年 3 月 19 日 下午 5:43

    界面确实糟糕了点

  4. 2008 年 3 月 19 日 下午 6:28

    不太“美观”~
    使用收藏的人实在不多,早把收藏分享撤下了

  5. 2008 年 3 月 19 日 下午 6:53

    我修改了一些大家可以下载了看看,那个界面是不是很好噢:),Jason Ng不要生气哦

    1、修改了排版和一些函数的名称,方便他人修改调整
    2、增加了现在流行的挖客网按钮。
    3、把那个关闭的图标给改了,实在是难看:)
    4、修改了层的名称防止和其他层冲突。
    5、修改了分享图标,和我的审美观有冲突:P,Jason Ng不要生气哦。
    6、简化了DIY步骤。

    下载链接: http://www.fs2you.com/files/d1db6666-f5a2-11dc-b781-0014221f4662/
    http://www.namipan.com/d/bcd0113538cf86cfc8ae3b5ea47fdc8ba334e91174110000

  6. 2008 年 3 月 19 日 下午 7:36

    界面确实需要改善~~~

  7. 2008 年 3 月 19 日 下午 7:40

    好像还有另外一个,做的更加精致,忘记叫什么名字了 呵呵

  8. 2008 年 3 月 19 日 下午 7:55

    不错的插件,如果界面在做的精致一些的话就更好了!

  9. 2008 年 3 月 19 日 下午 9:21

    看来我的审美观点很有问题了,哈哈,感谢各位的意见!

    @getmail.tttt:我当然不会介意你的修改了,大家一同修改才会有进步。:)

  10. hjings
    2008 年 3 月 19 日 下午 9:54

    告诉博主一个坏消息:YouTube再次被和谐。

    同时,百度贴吧wikipedia吧被清空,并且不能建立贴吧,建立贴吧时提示该贴吧只能浏览,不能发贴。

    youtube吧的发贴要经过系统审核,这是我目前知道的。

    YouTube被和谐估计与Tibet事件有关

  11. 2008 年 3 月 19 日 下午 10:22

    @hjings:呵呵,非常时期采取非常措施。不过百度一向都是很会做人的。

  12. hjings
    2008 年 3 月 20 日 下午 12:42

    不过,恐怕这次YouTube逃不过Wikipedia的命运了

  13. 没趣鱼
    2008 年 3 月 20 日 下午 10:46

    很好很强大
    非常喜欢
    就是颜色配比严重不足。给人感觉美中不足

  14. 2008 年 3 月 21 日 上午 11:12

    可能还需要简化一下!

  15. 2008 年 3 月 21 日 下午 3:45

    呵呵,大大的东西确实好啊:)

  16. 2008 年 3 月 21 日 下午 4:58

    不错! 赞一个

  17. Pingback: 置若网文
  18. Pingback: 虫子的执着
  19. 寒夜
    2008 年 8 月 15 日 上午 11:12

    你好!很不错!

  20. 2009 年 1 月 27 日 下午 8:06

    看不到效果图。要比17fav.com那个图标好看一点才好。

  21. 2009 年 12 月 27 日 下午 1:46

    不错,很强大!!!

发表评论

电子邮件地址不会被公开。 必填项已用*标注