很多博客上都有“收藏到网摘”的功能，俺见了之后心里痒痒，想自己搞一个。
上网查一查，方法甚多，不过俺觉得都太复杂：大多数都要用javascript弹出窗口，有的要用js文件，甚至有人
开发了一个插件实现这个功能。
怎么需要这么复杂呢？其实一个链接就能搞定的。俺看了看delicious的添加链接，不就是提交两个变量么！对于zblog,就是这么一句：
http://del.icio.us/post?&url=<#article/url#>&title=<#article/title#>
根本不需要什么java script ！
俺又做了许多，都放到这儿了。sina Vivi的那个，如果不用js，会显示乱码，估计是因为gb2312和utf-8编码不同的缘故。俺水平较低，也懒得深入探讨，直接用了js算了。图标的图片有些图片是俺自己的，有些是书签网站的。
使用方法：编辑zblog的TEMPLATE目录下b_artical-sigle.html，在合适的地方加入以下内容：
<b>收藏到网摘：</b>
<a href="http://www.google.com/bookmarks/mark?op=add&bkmk=<#article/url#>&title=<#article/title#>"><img alt="用google书签收藏" title="添加到google书签" src="http://www.badged.net/ico/google_bmarks.gif"></a>
<a href="http://del.icio.us/post?&url=<#article/url#>&title=<#article/title#>"><img alt="用“美味书签”收藏" title="添加到del.cio.us" src="http://images.del.icio.us/static/img/delicious.med.gif"></a>
<a href="http://myweb.cn.yahoo.com/popadd.html?url=<#article/url#>&title=<#article/title#>"><img alt="用yahoo收藏" title="添加到yahoo收藏" src="http://cn.yimg.com/i/fav/add2myweb.gif"></a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(vivi=window.open('http://vivi.sina.com.cn/collect/icollect.php?pid=28&title='+escape(d.title)+'&url='+escape(d.location.href)+'&desc='+escape(t),'vivi','scrollbars=no,width=480,height=480,left=75,top=20,status=no,resizable=yes'));vivi.focus();"><img alt="用新浪vivi收藏" title="添加到新浪vivi" src="http://www.butwho.net/images/sina.gif"></a>
<a href="http://www.365key.com/storeit.aspx?t=<#article/title#>&u=<#article/url#>"><img alt="用365key收藏" title="收藏到天天网摘" src="http://www.butwho.net/images/365key.gif"></a>
<a href="javascript:var d=document,w=window,f='http://fanfou.com/share',l=d.location,e=encodeURIComponent,p='?u='+e(l.href)+'?t='+e(d.title)+'?d='+e(w.getSelection?w.getSelection().toString():d.getSelection?d.getSelection():d.selection.createRange().text)+'?s=bl';if(!w.open(f+'r'+p,'sharer','toolbar=0,status=0,width=600,height=400')){l.href=f+'.new'+p;}void(0)"><img src="http://static.fanfou.com/img/icon.gif" alt="分享到饭否" /></a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange
().text:''):(d.getSelection?d.getSelection():'');void(vivi=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'_blank','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));" title="收藏到POCO 网摘http://share.poco.cn"><img src=http://www.butwho.net/images/poco_cop.gif border=0></a>
<a href="javascript:window.open('http://shuqian.qq.com/post?from=3&title='+encodeURIComponent(document.title)+'&uri='+encodeURIComponent(document.location.href)+'&jumpback=2&noui=1','favit','width=930,height=470,left=50,top=50,toolbar=no,menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');void(0)"><img src="http://www.butwho.net/images/qq.gif" alt="收藏到qq网摘"></a>
<a href="https://favorites.live.com/quickadd.aspx?marklet=1&url=<#article/url#>&title=<#article/title#>"><img alt="用windows live书签收藏" title="添加到windows live书签" src="http://badged.net/ico/windows_live.gif"></a>
<a href="javascript:window.open('http://cang.baidu.com/do/add?it='+encodeURIComponent(document.title.substring(0,76))+'&iu=f'+encodeURIComponent(location.href)+'&fr=ien#nw=1','_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes'); void 0" style="color:#000000;text-decoration:none;font-size:12px;font-weight:normal"><img src="http://www.butwho.net/images/baidu.gif" alt="添加到百度搜藏" title="百度搜藏"/></a>
<a href="http://www.9fav.com/profile/user_url/add?u=<#article/url#>&t=<#article/title#>"><img alt="收藏到“就喜欢”" title="添加到就喜欢" src="http://www.butwho.net/images/9fav.gif"></a>
<a href="http://www.shouker.com/mc/col/post2.aspx?surl=<#article/url#>&tags=<#ZC_BLOG_NAME#>&title=<#article/title#>"><img alt="用收客收藏" title="添加到收客" src="http://www.butwho.net/images/shouke.gif"></a>
<br/>
**啥是“合适的地方”？比如说<div class="post-body"><#article/content#></div>这一句后面或者<h5 class="post-tags"><#ZC_MSG138#>: <#template:article_tag#></h5>这一句后面。随便了这个。
看看效果咋样？反正俺觉着，这个方法只需要改一个文件，不是太复杂。
其他的书签网站的代码，自己去找吧，俺是懒得弄了。
**这儿有一个网站
badged，免费提供网摘代码和图片。不过那上面多是老外的东西，国内的比较少。如果是英文网站，可以用一下。
本文地址：
http://www.butwho.net/2007/12/zblog_Network_bookmarks_button.html
还有一个问题，zblog的fckediter编辑器不让在文章中加word-wrap属性，所以这么多代码在firefox中显示的时候就无法换行，怎么办？难道只能修改样式？
请高手解答！
[
本帖最后由 butwho 于 2008-1-8 13:31 编辑 ]
