iHomeAboutProfileiLifePodcastCodePushAPI.Li

iPost

Wordpress are you?

Sharepack

iFire @ 2008-04-05 20:52 52

社会化收藏及书签应用对于网客们并不陌生,随着全球提供这类服务的网站越来越多,很多朋友的博客上的相关按钮也跟着越来越多,国外有Addthis.com提供的聚合按钮服务,而很长一段时期,中文社会化收藏及书签服务却没有一个类似的聚合应用。日前在水煮鱼的博客上看到发布了一个聚合按钮应用,但由于与我一直用的Addthis按钮有太多重叠,就没有启用。昨天偶然在“可能吧”的博客中发现他制作的一个JS版本的收藏插件,把脚本下载之后欣喜地发现,可以通过修改来实现自定义添减收藏按钮,于是花了些时间整理了一下,并在台湾网友Vista的帮助和推荐下添加了UDN收藏按钮及黑米书签的JS版本。尽管很多台湾网客喜欢推推王的服务,但是我真是花了很久也没在站内找到一段友好的收藏代码,目前在脚本里写入的有些不尽人意,按下按钮之后要用户自己逐项填写收藏内容。尽管我可以使用Wordpress的命令来免去用户这番周折,但考虑到JS插件的多平台应用,便暂且作罢,对于推推王按钮的修改将在日后继续进行。

根据可能吧的博主Jason Ng在脚本中的声明,这个被他命名为Click Share的插件是在BlueSpeeder的RSS浮动工具上修改而成的。我只是针对按钮内容及呈现样式做了修改,并为它取了个我一直用在收藏模块上的名字:Sharepack。

我添加了一些微博分享按钮及其他一些中文社会化收藏及书签服务,建议使用者与Addthis按钮一起使用,之前没有任何重叠。

先来说Sharepack:按下按钮之后会在页面中跳出一个小窗口,如下图:

提供了十四个收藏服务按钮。安装方法如下:

1. 下载JS脚本文件及其中“关闭窗口”按钮的图片压缩包 (Download) 已更新至最新版本

2. 打开脚本到最后一行,修改 src="'+icopath+'close.gif 这段。将'+icopath+' 替换成您的关闭按钮图片路径 如:http://yourdomin.com/pix/close.gif

3. 上传JS脚本、close.gif 及 sharepack.png 这三个文件到您的网站文件夹中,然后按照下面代码进行调用:

<a href="javascript:void(0)" onclick="showrss();" title="分享、收藏这篇文章">
<img src="http://yourdomin.com/pix/sharepack.png"
alt="分享、收藏这篇文章"></a>
<script src="http://yourdomin.com/sharepack_1.0.js" type="text/javascript"></script>

其中“http://yourdomin.com/”填写您的网站路径

4. 您也可以直接调用我提供的js文件,按下面代码进行调用:

<a href="javascript:void(0)" onclick="showrss();"  title="分享、收藏这篇文章"><img src="http://www.fileden.com/files/2007/6/11/1166188/sharepack.png" alt="分享、收藏这篇文章"></a><script
src="http://ifire.googlecode.com/files/sharepack_1.0.js" type="text/javascript"></script>

该插件在IE、Firefox及Safari浏览器下均可正常使用,在Oprea下无法弹出。

Addthis提供的服务器需要先到网站注册,因为它还为您提供收藏数据。注册之后有帮助您生成代码的提示,这里不多说了。Addthis按钮的截图如下:
当点击按钮的时候会显示一个小窗口,上面有部分热门收藏服务按钮:

点击“More”链接会弹出一个大窗口,会有共36个收藏服务按钮:

2008年4月7日更新

更新版本包含的收藏、分享服务包括来自:百度、QQ、新浪、收客、365网摘、我挖、天极网摘、Poco、和讯网摘、做啥分享、饭否分享、叽歪分享、就喜欢收藏、友贴、博拉、奇客及来自台湾的推推王、UDN、黑米书签及Myshare书签。

最新版本截图如下:

2008年4月9日更新

在TwitterThis的服务歇菜之后,终于又有Twitio.us的出现来填补这个收藏服务的空白,我也同时更新了Sharepack。

另外今日收到推推王的回复,指引我找到相应的代码,修改之后,推推王按钮用起来也方便多了。同时今日更新的版本汇入了海内的分享按钮。至此已经有22个服务。

最新截图:

Pages: 1 2 3

Addthis

Permanent Link | Posted in: Work | 4,706 Views

5 WP Responses

  1. 行者自若 says:

    我用了AddThis,但发现有点错位。测试页面是:http://filter.yo2.cn/articles/hello-yo2.html
    我在Firefox下看是没有错位的,但在IE下看却有错位,包括AddThis和Sharepack。

  2. TanCee says:

    谢谢诶
    收下了

  3. TanCee says:

    会导致网页内容都居中显示了。

  4. conge says:

    非常希望这个应用能支持blogger.

  5. Brhum says:

    有什么用?

Leave a Reply or Use Zuosa Comment

此评论栏由做啥提供动力,评论前请注册做啥或确认您已登录。

发表您的评论,最多输入140个字符,程序会自动添加@ifire命令。

收起本输入框


XHTML You can use these tags:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

© 应用成趣 Allrights reserved. | Theme: iPost 2.7.1.2 | Artwork by apple.com | Designed By iFire. | Powered by WordPress. | Entries (RSS) | Comments (RSS).