置若网文

如何在博客页面中添加一起网的收藏按钮

iFire — Sun, 07 Sep 2008 13:20:06 +0800

我并不是一起网的活跃用户，但既然那里也提供网页收藏服务，在这里也就简单介绍一下在自己的博客页面里如何添加它的收藏按钮。

将以下代码贴在网页源代码或模板适当位置即可：

<!– Code –>
<a href="javascript:function init(){try{var script=document.createElement('SCRIPT');script.src=
'http://www.yiqi.com/icut/BaseBtn.php?comType=4&reqType=1';
document.body.appendChild(script);}catch(err){}}init();" title="收藏到一起">
<img src="http://if.api.li/ico/yiqi.png" /></a>
<!– Code end–>

注意：请清除这段代码中所有换行

在页面中生成的效果如下：

点击上面这个收藏按钮会弹出一个对话框：

当然，前提是在您的页面里使用这个收藏按钮的用户已经或愿意成为一起网的注册用户。

一去不返的不仅仅是时光

Who's linking ? Technorati Google BlogPulse.

Sharepack 添加 Friendfeed 按钮

iFire — Sat, 24 May 2008 01:22:44 +0800

Friendfeed 的浏览器收藏按钮 Share on Friendfeed 也被移植到Sharepack当中，收藏按钮增添至25个。最新截图：

当点击Friendfeed的图标，浏览器会弹出以下对话框：

你便可以在输入框中针对分享的网页内容进行短评并可以设置发送到哪里。

去该插件的发布页面查阅详细说明及相关下载地址

一去不返的不仅仅是时光

Who's linking ? Technorati Google BlogPulse.

Sharepack 添加 Google Note 按钮

iFire — Tue, 06 May 2008 21:34:15 +0800

Google Reader 添加了一个十分有趣且实用的新功能：Share with Note

这个目前只能在英文版GReader里实现的新功能让你可以针对你在阅读器中共享的条目进行短评。难怪Keso说“正在考虑是否继续更新log.keso.cn，还是干脆都用Google Reader新推出的Note功能。”

对于这个新功能可参阅以下两篇文章：

Google Reader共享功能改进：增加Notes共享、可定制风格 (GSeeker)
Google Reader Notes：小功能实现大转变 (webleon)

针对这个功能，我也顺手将 Sharepack 收藏按钮增添至24个。最新截图：

当点击Share with Note的图标，浏览器会弹出以下对话框：

你便可以在输入框中针对分享的网页内容进行短评。

去该插件的发布页面查阅详细说明及相关下载地址

一去不返的不仅仅是时光

Who's linking ? Technorati Google BlogPulse.

Sharepack 增加豆瓣推荐按钮

iFire — Tue, 15 Apr 2008 05:08:49 +0800

Sharepack 收藏按钮增添至23个。最新截图：

去该插件的发布页面查阅详细说明及相关下载地址

一去不返的不仅仅是时光

Who's linking ? Technorati Google BlogPulse.

Twitter Bookmark

iFire — Wed, 09 Apr 2008 09:07:53 +0800

今天凌晨将Twitio.us提供的分享到Twitter的功能添加到Sharepack的同时，HXW先生也正巧在他博客上发布了直接利用Twitter自身的发布模式实现分享的方法，不过该方法只针对Wordpress有效，不过他很快就在Gtalk上发给我一段语句，是根据做啥的分享语句修改的，能支持在非Wordpress驱动下的任何网页实现分享。

第一种方式：HXW发布的Wordpress版本：

<a href="http://twitter.com/home?status=<?php the_permalink() ?>%20<?php the_title(); ?>" target=_blank rel=nofollow title=”Twitter This”>Twitter This</a>

第二种方式：HXW根据做啥分享语句改写的适用于任何网页的版本：

文字模式：

<a href="javascript:u=location.href;t=document.title;t=t.substr(0,76);
c=%22%22+(window.getSelection?window.getSelection():
document.getSelection?document.getSelection():
document.selection.createRange().text);c=c.substr(0,180);
location=%22http://twitter.com/home?status=+Reading:%20+
%22+encodeURIComponent(t)+%22%20%22+encodeURIComponent(u);void%200">
Twitter This</a>

Demo: Twitter this

图片模式：

Demo:

注意：代码中没有换行。使用图片模式请自行更换图片以确保正常显示。

一去不返的不仅仅是时光

Who's linking ? Technorati Google BlogPulse.

Sharepack增添Twitio.us提供的服务

iFire — Wed, 09 Apr 2008 02:23:23 +0800

在TwitterThis的服务歇菜之后，终于又有Twitio.us的出现来填补这个收藏服务的空白，我也同时更新了Sharepack，在其中添加了分享到Twitter的功能，因为Addthis提供的收藏中似乎在分享到Twitter的通道并不是太理想。TwitterThis的歇菜曾经导致JS脚本无法被正常读取而影响页面载入速度。

目前Sharepack的收藏服务已增添至21个，上一篇其实更新的数字也不是19而是20，连日作息混乱让我连数都数不清了。

Sharepack 1.0 更新至19个收藏按钮

iFire — Mon, 07 Apr 2008 09:36:48 +0800

Sharepack 1.0发布之后，我帮好友dupola按照他需要的收藏按钮为他制定了一个版本，也顺便将我发布的版本更新并添加到19个收藏按钮，仍是保持与Addthis提供的收藏按钮没有重叠。

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

最新版本截图如下：

去该插件的发布页面查阅详细说明及相关下载地址

一去不返的不仅仅是时光

Who's linking ? Technorati Google BlogPulse.

让你的iPod Theme 按钮显示更快

iFire — Sun, 06 Apr 2008 22:11:10 +0800

这个更新对于CSS高手来说不值一提，但对于控制CSS不太熟练或手懒的朋友会有些帮助。

iPod Theme 在顶部菜单、首页评论数字显示及下载按钮这三处使用了鼠标滑过更换超链背景图，由于制作过程我反复尝试配色，所以超链背景图都分成了两个文件，由于图片并不大，就没有进行合并处理。不过为让背景更换更快捷，我昨天抽空还是把它调整了一下，将不同的背景进行合并，并针对CSS做了小修改，这样鼠标滑过效果不需要再行读取新文件，而是调用背景的不同位置。

◎ 顶部菜单超链背景：

将下面的图片保存并上传到iPod Theme的图片目录中 (…/wp-content/themes/ipod/img/ )

在样式表中找到"#hsub li a"的"background"定义，替换为以下内容：

background:url(img/menua.gif) no-repeat right top;

在样式表中找到"#hsub li a:hover "的"background"定义，替换为以下内容：

background:url(img/menua.gif) no-repeat right bottom;

◎ 首页显示评论数字超链背景：

将下面的图片保存并上传到iPod Theme的图片目录中 (…/wp-content/themes/ipod/img/ )

在样式表中找到".commentbotten a:link, .commentbotten a:visited"的"background"定义，替换为以下内容：

background : url(img/commenta.png) no-repeat top center;

在样式表中找到".commentbotten a:hover, .commentbotten a:active"的"background"定义，替换为以下内容：

background : url(img/commenta.png) no-repeat bottom center;

在样式表中找到"span.commentbotten span"的"background"定义，替换为以下内容：

background : url(img/commenta.png) no-repeat top center;

◎ 下载按钮超链背景：

将下面的图片保存并上传到iPod Theme的图片目录中 (…/wp-content/themes/ipod/img/ )

在样式表中找到".dlp a:link, .dlp a:visited"的"background"定义，替换为以下内容：

background : url(img/dl.png) no-repeat top center;

在样式表中找到".dlp a:hover, .dlp a:active"的"background"定义，替换为以下内容：

background : url(img/dl.png) no-repeat bottom center;

◎ 下载按钮使用方法

将其中url替换成下载路径即可。这种方法对于呈现页面好看，对于RSS读者比较麻烦，因为没有任何文字链接显示。不过如果你对iPod Theme中的".hid"定义没有修改，也可以这样做：

<a target="_blank" href="url">Download</a>

这样在缺失样式表的情况下就会有文字链接呈现出来。不过我想很少人愿意这么用，文字链接或单纯的图片按钮会更简单：

其中your ipod theme path就是你的ipod theme 路径

一去不返的不仅仅是时光

Who's linking ? Technorati Google BlogPulse.

社会化收藏应用：Sharepack 1.0 发布

iFire — Sat, 05 Apr 2008 20:59:32 +0800

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

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

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

去该插件的发布页面查阅详细说明及相关下载地址

一去不返的不仅仅是时光