不管在哪个博客,总可以在文章底部或侧栏看到一些便捷的收藏链接或图标:收藏到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里,增加了一个小按钮,替换原来的文字链接,更醒目!
你好!很不错!
看不到效果图。要比17fav.com那个图标好看一点才好。
不错,很强大!!!