发布一个博客分享（收藏）小工具-Click Share
不管在哪个博客，总可以在文章底部或侧栏看到一些便捷的收藏链接或图标：收藏到Google，收藏到QQ书签、收藏到百度...，这些除了可以手动以链接形式添加意外，还可以使用插件完成，Wordpress就有一个名为Share this的分享插件，可能吧曾经汉化过。但在使用过程中我总感觉不舒服，因此我编写了一个新的分享小工具-Click Share。
效果截图：
因为不是以插件形式使用的，因此这个小工具不但可以在Wordpress上使用，所有的博客，甚至是所有的网页都可以使用。
Click Share的具体效果是点击链接后弹出一个小对话框，对话框里有各大网络书签的链接，方便收藏。实际效果请点击文章底部的“收藏、分享这篇文章”的链接，点击之前确保浏览器没有禁用js。
为加快加载速度，我使用了文字而不用图片。
或许你觉得这个小工具有点似曾相识，没错，这个小工具的灵感来自BlueSpeeder（http://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里，增加了一个小按钮，替换原来的文字链接，更醒目！
| 收藏或分享这篇文章到网摘： |
Popularity: 10% Tags: 分享, 博客, 插件 and 编程
除非注明，本博客文章均为原创，转载请以链接形式标明本文地址
本文地址：http://www.kenengba.com/post/401.html
Trackback地址：http://www.kenengba.com/post/401.html/trackback
19 条评论 关于 “发布一个博客分享（收藏）小工具-Click Share”
patrick 发表于 Mar 19, 2008 |
很好，很强大！~~
[回复此评论]
陈华 发表于 Mar 19, 2008 |
不错，就是界面太难看了。
[回复此评论]
阿猫 发表于 Mar 19, 2008 |
界面确实糟糕了点
[回复此评论]
My-Hou不務正業 发表于 Mar 19, 2008 |
不太“美观”~
使用收藏的人实在不多，早把收藏分享撤下了
[回复此评论]
getmail.tttt 发表于 Mar 19, 2008 |
我修改了一些大家可以下载了看看,那个界面是不是很好噢:)，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
[回复此评论]
东方博客 发表于 Mar 19, 2008 |
界面确实需要改善~~~
[回复此评论]
酷勤网 发表于 Mar 19, 2008 |
好像还有另外一个，做的更加精致，忘记叫什么名字了 呵呵
[回复此评论]
freerainbow 发表于 Mar 19, 2008 |
不错的插件，如果界面在做的精致一些的话就更好了！
[回复此评论]
Jason Ng 发表于 Mar 19, 2008 |
看来我的审美观点很有问题了，哈哈，感谢各位的意见！
@getmail.tttt：我当然不会介意你的修改了，大家一同修改才会有进步。:)
[回复此评论]
hjings 发表于 Mar 19, 2008 |
告诉博主一个坏消息：YouTube再次被和谐。
同时，百度贴吧wikipedia吧被清空，并且不能建立贴吧，建立贴吧时提示该贴吧只能浏览，不能发贴。
youtube吧的发贴要经过系统审核，这是我目前知道的。
YouTube被和谐估计与Tibet事件有关
[回复此评论]
Jason Ng 发表于 Mar 19, 2008 |
@hjings：呵呵，非常时期采取非常措施。不过百度一向都是很会做人的。
[回复此评论]
hjings 发表于 Mar 20, 2008 |
不过，恐怕这次YouTube逃不过Wikipedia的命运了
[回复此评论]
没趣鱼 发表于 Mar 20, 2008 |
很好很强大
非常喜欢
就是颜色配比严重不足。给人感觉美中不足
[回复此评论]
花果山寨 发表于 Mar 21, 2008 |
可能还需要简化一下！
[回复此评论]
getmail.tttt 发表于 Mar 21, 2008 |
呵呵,大大的东西确实好啊:)
[回复此评论]
挖网络 发表于 Mar 21, 2008 |
不错! 赞一个
[回复此评论]