黑色梦中SEO博客文章页面的网络书签收藏链接都是文本链接,导致隔行显示,严重影响视觉体验;尝试更换链接为图片链接后,发现视觉效果不错,同时给每个连接添加了nofollow属性,避免产生过多噪音并限制搜索引擎抓取这些导出链接;顺带手将国外书签网站的收藏按钮也充实进来;以下是网络书签收藏代码以及相应的Logo图片,分享给众博友,有需要的拿去耍下。


<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://del.icio.us/post?title='+escape(t)+'&url='+escape(u),'delicious','scrollbars=no,width=600,height=450,left=80,top=80,status=no,resizable=yes'));"><img src="http://www.bloghuman.com/images/bookmark/delicious.gif" border="0"></a>
<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://www.google.com/bookmarks/mark?op=add&bkmk='+escape(u)+'&title='+escape(t)+'&url='+escape(u)+'','delicious','scrollbars=no,width=600,height=450,left=80,top=80,status=no,resizable=yes'));"><img src="http://www.bloghuman.com/images/bookmark/google.gif" border="0"></a>
<a rel="nofollow" href="javascript:location.href='http://myweb2.search.yahoo.com/myresults/bookmarklet?u='+encodeURIComponent(location.href)+'&t='+encodeURIComponent(document.title)"><img src="http://www.bloghuman.com/images/bookmark/yahoo.gif" border="0"></a>
<a
rel="nofollow" href="javascript:window.open('http://cang.baidu.com/do/add?it='+encodeURIComponent(document.title.substring(0,76))+'&iu='+encodeURIComponent(location.href)+'&fr=ien#nw=1','_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes');
void 0"><img src="http://www.bloghuman.com/images/bookmark/baidu.gif" border="0"></a>
<a
rel="nofollow" href="javascript:window.open('http://bookmark.qq.com/post?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.bloghuman.com/images/bookmark/qq.gif" border="0"></a>
<a rel="nofollow" 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=http://www.cg58.com&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 src="http://www.bloghuman.com/images/bookmark/vivi.gif" border="0"></a>
<a rel="nofollow" href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();"><img src="http://www.bloghuman.com/images/bookmark/365key.gif" border="0"></a>
<a rel="nofollow" href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(yesky=window.open('http://hot.yesky.com/dp.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&st=2','yesky','scrollbars=no,width=400,height=480,left=75,top=20,status=no,resizable=yes'));yesky.focus();"><img src="http://www.bloghuman.com/images/bookmark/yesky.gif" border="0"></a>
<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://bookmark.hexun.com/post.aspx?title='+escape(t)+'&url='+escape(u),'HexunBookmark','scrollbars=no,width=600,height=450,left=80,top=80,status=no,resizable=yes'));"><img src="http://www.bloghuman.com/images/bookmark/hexun.gif" border="0"></a>
<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://digg.com/submit?phase=2&title='+escape(t)+'&url='+escape(u)+'&excerpt='+escape(e),'Digg'));" title="Digg"><img src="http://www.bloghuman.com/images/bookmark/digg.png" title="Digg" alt="Digg" border="0" /></a>
<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://sphinn.com/submit.php?title='+escape(t)+'&url='+escape(u),'Sphinn'));" title="Sphinn"><img src="http://www.bloghuman.com/images/bookmark/sphinn.png" title="Sphinn" alt="Sphinn" border="0" /></a>
<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://www.facebook.com/sharer.php?t='+escape(t)+'&u='+escape(u),'Facebook'));" title="Facebook"><img src="http://www.bloghuman.com/images/bookmark/facebook.png" title="Facebook" alt="Facebook" border="0" /></a>
<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;title='+escape(t)+'&url='+escape(u),'blogmarks'));" title="blogmarks"><img src="http://www.bloghuman.com/images/bookmark/blogmarks.png" title="blogmarks" alt="blogmarks" border="0" /></a>
<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://www.linkedin.com/shareArticle?mini=true&amp;title='+escape(t)+'&url='+escape(u),'LinkedIn'));" title="LinkedIn"><img src="http://www.bloghuman.com/images/bookmark/linkedin.png" title="LinkedIn" alt="LinkedIn" border="0" /></a>
<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;title='+escape(t)+'&url='+escape(u),'BlinkList'));" title="BlinkList"><img src="http://www.bloghuman.com/images/bookmark/blinklist.png" title="BlinkList" alt="BlinkList" border="0" /></a>
<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://www.spurl.net/spurl.php?title='+escape(t)+'&url='+escape(u),'Spurl'));" title="Spurl"><img src="http://www.bloghuman.com/images/bookmark/spurl.png" title="Spurl" alt="Spurl" border="0" /></a>
<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://www.blinkbits.com/bookmarklets/save.php?v=1&amp;title='+escape(t)+'&source_url='+escape(u)+'&body='+escape(t),'blinkbits'));" title="blinkbits"><img src="http://www.bloghuman.com/images/bookmark/blinkbits.png" title="blinkbits" alt="blinkbits" border="0" /></a>
<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://cgi.fark.com/cgi/fark/edit.pl?new_comment='+escape(t)+'&new_url='+escape(u)+'&linktype=Misc'));" title="Fark"><img src="http://www.bloghuman.com/images/bookmark/fark.png" title="Fark" alt="Fark" border="0" /></a>
<a rel="nofollow" href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('https://favorites.live.com/quickadd.aspx?marklet=1&amp;title='+escape(t)+'&url='+escape(u),'Live'));" title="Live"><img src="http://www.bloghuman.com/images/bookmark/live.png" title="Live" alt="Live" border="0" /></a>


点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片
点击在新窗口中浏览此图片

国内主要的网络书签代码参考:
收藏到QQ书签
<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)" style="text-decoration:none;color:#000000;display:block;">收藏到QQ书签</a>

Google书签
<a href="javascript:location.href='http://www.google.com/bookmarks/mark?op=add&bkmk='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)" style="text-decoration: none">Google书签</a>

Yahoo书签
<a href="javascript:location.href='http://myweb2.search.yahoo.com/myresults/bookmarklet?u='+encodeURIComponent(location.href)+'&t='+encodeURIComponent(document.title)">Yahoo书签</a>

Del.icio.us
<a href="javascript:location.href='http://del.icio.us/post?&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)">Del.icio.us</a>

新浪ViVi
<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();">新浪ViVi</a>

搜狐网摘
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://z.sohu.com/storeit.do?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();">搜狐网摘</a>

365Key网摘
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();">365Key网摘</a>

天极网摘
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(yesky=window.open('http://hot.yesky.com/dp.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&st=2','yesky','scrollbars=no,width=400,height=480,left=75,top=20,status=no,resizable=yes'));yesky.focus();">天极网摘</a>

我摘
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(wozhai=window.open('http://www.wozhai.com/wozhai/Cento.asp#t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'wozhai','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));wozhai.focus();">收藏到我摘</a>

POCO网摘
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&img=http://www.h-strong.com/blog/logo.gif','keyit','scrollbars=no,width=475,height=575,status=no,resizable=yes'));keyit.focus();">POCO网摘</a>

博采网摘
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://blogmark.bokee.com/jsp/key/quickaddkey.jsp?k='+encodeURI(d.title)+'&u='+encodeURI(d.location.href)+'&c='+encodeURI(t),'keyit','scrollbars=no,width=500,height=430,status=no,resizable=yes'));keyit.focus();">博采网摘</a>

和讯网摘
<a href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://bookmark.hexun.com/post.aspx?title='+escape(t)+'&url='+escape(u)+'&excerpt='+escape(e),'HexunBookmark','scrollbars=no,width=600,height=450,left=80,top=80,status=no,resizable=yes'));">和讯网摘</a>

天天收藏
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365fav.com/StorePage.asp?title='+escape(d.title)+'&urlstr='+escape(d.location.href)+'&content='+escape(t),'fav','scrollbars=no,width=475,height=500,left=75,top=20,status=no,resizable=yes'));keyit.focus();">天天收藏</a>

igooi网摘
<a href="javascript:u=location.href;t=document.title;void(open('http://www.igooi.com/addnewitem.aspx?noui=yes&jump=close&url='+escape(u)+'&title='+escape(t)+'&sel='+escape(document.selection.createRange().text),'igooi', 'toolbar=no,width=400,height=480'));">igooi网摘</a>

百度搜藏
<a href="javascript:window.open('http://cang.baidu.com/do/add?it='+encodeURIComponent(document.title.substring(0,76))+'&iu='+encodeURIComponent(location.href)+'&fr=ien#nw=1','_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes'); void 0" text-decoration:none;font-weight:normal"><SPAN style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; CURSOR: pointer; PADDING-TOP: 5px">添加到百度搜藏</SPAN></a>

黑米书签
<a href="javascript:desc='';via='';if(document.referrer)via=document.referrer;if(typeof(_ref)!='undefined')via=_ref;if(window.getSelection)desc=window.getSelection();if(document.getSelection)desc=document.getSelection();if(document.selection)desc=document.selection.createRange().text;void(open('http://www.hemidemi.com/user_bookmark/new?title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)+'&description='+encodeURIComponent(desc)+'&via='+encodeURIComponent(via)));">黑米书签</a>

奇客diglog
<a title="推荐到diglog" href="javascript://" onclick="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.diglog.com/submit.aspx?title='+escape(d.title)+'&url='+escape(d.location.href)+'&description='+escape(t),'keyit','resizable,location,menubar,toolbar,scrollbars,status'));keyit.focus();">奇客diglog</a>

Diigo
<a href="#" onclick="var s=document.createElement('script');s.type='text/javascript';s.src='
http://www.diigo.com/javascripts/webtoolbar/diigolet_b_h_b.js';document.body.appendChild(s);">Diigo</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)">分享到饭否</a>

Funp 推推王
<a href="http://funp.com/push/submit/add.php?&via=tools" title="貼到funP"><img src="http://funp.com/tools/images/post_05.gif" border="0"/></a>

博拉推荐
<a href=http://www5.bolaa.com/quickvouch/index.html target=_blank><img src=http://www5.bolaa.com/Resource/images/check_74_15.gif width=74 height=15 border=0 /></a>




引用
作者:郝聪
原载:黑色梦中SEO博客
信息来源地址:http://www.bloghuman.com/social-bookmark-code-and-logo-1616/
版权所有,转载时必须以链接形式注明作者和原始出处及本声明。


最后编辑: 黑色梦中 编辑于2008/11/11 11:29
互联网络 | 评论(5) | 引用(0) | 阅读(5260)
Digg Sphinn Facebook blogmarks LinkedIn BlinkList Spurl blinkbits Fark Live
mr wu Email
2008/11/22 11:39
收下了。
seo worth Email
2008/11/15 22:24
在FF下,版面代码有问题
黑色梦中 回复于 2008/11/16 15:27
表现层代码我没有加
sem
2008/11/03 14:50
一直在用
emin Email
2008/11/03 12:59
转载:http://www.zhuemin.com/view.asp?id=35
这些书签代码就是太长了,一下子就让文章页面大了不少。放js里。
admin 回复于 2008/11/03 22:31
恩,我已经尽量做了简化,不过这段代码还是挺庞大的。
尝试下封装到一个JS文件里,模板里使用调用的方式
爱燕博客 Email
2008/11/03 08:43
怎么是竖排显示?
admin 回复于 2008/11/03 09:47
竖排显示的是分享的LOGO图片,并不是代码运行后的效果;实际效果参照BLOG中文章结尾处
最后编辑: admin 编辑于 2008/11/03 09:53
分页: 1/1 第一页 1 最后页
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   游客无需密码
网址   电邮   [注册]