随着digg类,SNS、社会化书签等网站的风行,内容分享、收藏、推荐越来越受重视。在博客里面添加分享、收藏等按钮在博客圈已是司空见惯,它可以给你读者分享、收藏博客文章带来方便,也间接提升博客流量、提高曝光度,增加外链。不少人都用上各种各样的分享、收藏插件。虽是方便,但是选择性和自定义性差。如果你想针对自己网站主题选择适当、个性的分享、收藏按钮,相信以下汇总的30款博客分享、收藏代码对你很有帮助。你可以选择哪些按钮、放在博客的什么地方、定义什么的样式。以下代码是在精品博客的代码列表的基础上进行扩展、汇总。在这里只是简单列出代码,具体样式设置可以依自己所好在代码里添加定义,也可以写在style.css文件中。极大部分在本地调试过,可以用。如果发现哪些代码有什么问题,欢迎一起讨论。
1、分享到Twitter
1 | <a href="http://twitter.com/home?status=<?php the_permalink(); ?> <?php the_title(); ?>" title="分享到 Twitter" target="_blank" rel="nofollow">Twitter</a> |
2、分享到嘀咕
1 | <a href="http://app.foxling.cn/dilink/share.asp?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" title="嘀咕一下" target="_blank">嘀咕</a> |
3、分享到饭否
1 | <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> |
4、分享到做啥
1 | <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://zuosa.com/collect/Collect.aspx?t=%22+encodeURIComponent(t)+%22&u=%22+encodeURIComponent(u);void%200">做啥</a> |
5、分享到叽歪
1 | <a href="http://jiwai.de/wo/share/s?u=<?php the_permalink() ?>&t=<?php the_title(); ?>" target="_blank">叽歪</a> |
6、分享到豆瓣
1 | <a href="javascript:void(function(){var%20d=document,e=encodeURIComponent,s1=window.getSelection,s2=d.getSelection,s3=d.selection,s=s1?s1():s2?s2():s3?s3.createRange().text:' ',r='http://www.douban.com/recommend/?url='+e(d.location.href)+'&title='+e(d.title)+'&sel='+e(s)+'&v=1',x=function(){if(!window.open(r,'douban','toolbar=0,resizable=1,scrollbars=yes,status=1,width=450,height=330'))location.href=r+'&r=1'};if(/Firefox/.test(navigator.userAgent)){setTimeout(x,0)}else{x()}})()" title="推荐到 豆瓣" rel="nofollow" >豆瓣</a> |
7、分享到Facebook
1 | <a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="blank">Facebook</a> |
8、分享到FriendFeed
1 | <a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('src','http://friendfeed.com/share/bookmarklet/javascript');document.body.appendChild(e)})())" title="分享到 FriendFeed" rel="nofollow">FriendFeed</a> |
9、分享到Google Reader
1 | <a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain='http://www.google.com';if(b&&!document.xmlVersion){void(z=document.createElement('script'));void(z.src='http://www.google.com/reader/ui/link-bookmarklet.js');void(b.appendChild(z));}else{}" title="Share in Google Reader" rel="nofollow">Google Reader</a> |
10、分享到海内
1 | <a href="javascript:void((function(s,d,e,t,v){var f=’http://hainei.com/share.proxy?a=’,u=d.location,l=d.title,p=['& src=bookmark&url=',e(u),'&title=',e(l),'&v=',v,'& i=',t].join(”);function a(){if(!window.open([f,'bmlet',p].join(”),’hnsharer’, ['toolbar=0,status=0,resizable=1,width=626,height=436,left=',(s.width- 626)/2,',top=',(s.height-436)/2].join(”)))u.href= [f,'newurl',p].join(”);};if(/Firefox /.test(navigator.userAgent))setTimeout(a,0);else a();})(screen,document,encodeURIComponent,1207710314,1));">海內</a> |
11、分享到鲜果
1 | <a href="http://www.xianguo.com/service/submitdigg/?link=<?php the_permalink() ?>&title=<?php the_title(); ?>" target="_blank">鲜果</font></a> |
12、分享到垦一垦
1 | <a href="http://www.ken1ken.com/submit/?source=bookmarklet;ver=2;url=<?php the_permalink() ?>;title=<?php the_title(); ?>" target="_blank">垦一垦</a> |
13、分享到我挖
1 | <a href="http://www.digbuzz.com/submit.php?url=<?php the_permalink() ?>" target="_blank">我挖</a> |
14、分享到挖客
1 | <a href="http://www.waakee.com/submit.php?url=<?php the_permalink() ?>" target="_blank">挖客</a> |
15、分享到奇客
1 | <a href="http://www.diglog.com/submit.aspx?title=<?php the_title(); ?>&url=<?php the_permalink() ?>&description=" target="_blank">奇客</a> |
16、分享到Gootou
1 | <a href="javascript:var%20glx_t='default';(function(){var%20js=document.createElement('script');if(typeof(js)!='object')js=document.standardCreateElement('script');js.type=%22text/javascript%22;js.src='http://www.gootou.com/js/fetch_page.js';document.getElementsByTagName('html')[0].appendChild(js)})();">Gootou</a> |
17、收藏到Delicious
1 | <a href="http://del.icio.us/post?url=<?php the_permalink() ?>&title=<?php the_title(); ?>¬es=" target="_blank">Delicious</a> |
18、收藏到QQ书签
1 | <a href="http://shuqian.qq.com/post?from=3&title=<?php the_title(); ?>&uri=<?php the_permalink() ?>&jumpback=2&noui=1" target="_blank">QQ</a> |
19、收藏到Google
1 | <a href="http://www.google.com/bookmarks/mark?op=add&bkmk=<?php the_permalink() ?>&title=<?php the_title(); ?>">Google</a> |
20、收藏到百度
1 | <a href="http://cang.baidu.com/do/add?it=<?php the_title(); ?>&iu=<?php the_permalink() ?>&fr=ien#nw=1" target="_blank">百度</a> |
21、收藏到雅虎
1 | <a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=<?php the_permalink() ?>&t=<?php the_title(); ?>" target="_blank">雅虎</a> |
22、收藏到乐收
1 | <a href="http://leshou.com/post?act=shou&reuser=&url=<?php the_permalink() ?>&title=<?php the_title(); ?>&intro=&tags=&tool=1" target="_blank">乐收</a> |
23、收藏到收客
1 | <a href="http://www.shouker.com/mc/col/post2.aspx?title=<?php the_title(); ?>&surl=<?php the_permalink() ?>&tags=&desc=" target="_blank">收客</a> |
24、收藏到9fav
1 | <a href="http://www.9fav.com/profile/user_url/add?t=<?php the_title(); ?>&u=<?php the_permalink() ?>" target="_blank">9fav</a> |
25、收藏到Mister.Wong
1 | <a href="http://www.mister-wong.cn/index.php?action=addurl&bm_url=<?php the_permalink() ?>&bm_description=<?php the_title(); ?>" target="_blank">Mister.Wong</a> |
26、收藏到有道
1 | <a href="javascript:void(window.open(’http://shuqian.youdao.com/manage?a=popwindow&title=’ + encodeURI(document.title) + ‘&url=’ + encodeURI(document.location), ”> 有道</a> |
27、推荐到九点
1 | <script type="text/javascript" src="http://9.douban.com/js/button_widget.js"></script> |
28、推荐到sphinn
1 | <script type="text/javascript" src="http://sphinn.com/evb/button.php"></script> |
29、推荐到digg
1 | <script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script> |
30、推荐到stublem upon
1 | <a href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>"><img src="http://cdn.stumble-upon.com/images/120x20_su_gray.gif"></a> |
就这么多,欢迎添加,下次再找个时间汇总一下写一些让人想分享、收藏的内容的技巧。













{ 16 comments… read them below or add one }
很完整哦,幸苦了。
平时一般就用GoogleReader了^_^
WOW~~~~看见一堆盒子~~
呵!三十个盒子叠一起,是挺壮观
哇,太全了,不用一个个找了
来晚了,没有沙发了。
老大收集了这么多,的确用心良苦,不鞥不说一声:谢谢啦!^_^
哈哈!我也试试看~
这几日365KEY怎么不能用了,这东西对收录好。
to布语:是吗?我没留意,想用,注册不太顺畅,放弃了,现在只用美味
这个挺实用的,真不错,3Q
分享到我这里来!~
这个不错,可以为博客拉不少人气啊,收藏了,呵呵。
好像有专门的网站做这个,就是把这些都集成在一起的。
基本上齐活儿了!
收集的比较全,收藏下本页面!
这个很好用,有时间也做个图聚合进去哈…