有时,我们想为独立博客添加一个类似于分享到的按钮,以便分享到各种SNS网站添加人气。虽然,现在网上提供这种插件的网站,如addthison,jiathis等,但是,这些网站都是商业网站,为了流量,分享时会跳到上述网站,比较不爽。因此,求人不如求己,自己动手,丰衣足食,于是我搜了一下,看网上有没类似的代码,于是得到下述地址:
http://blog.csdn.net/skymountain/archive/2010/06/25/5694697.aspx
但是,我试用上述代码,发现在我micolog系统里没效,几番更改代码,终于出现了分享按钮图标,但是除图标外,还有一堆文字,看着不美观。于是,我再对代码进行修理,最终得到如下代码,其效果见本文标题下面:
function ShareCode(server_url, server_icon_url,text){
var title = encodeURIComponent(document.title.substring(0,76));
var url = encodeURIComponent(location.href);
server_url = server_url.replace("{title}",title);
server_url = server_url.replace("{url}",url);
return "
<\\/a>"
}
function WriteSNS()
{
document.writeln(ShareCode("http://share.renren.com/share/buttonshare.do?title={title}&link={url}",
"http://s.xnimg.cn/favicon-rr.ico?ver=2",
"Share to Renren"));
document.writeln(ShareCode("http://www.kaixin001.com/repaste/share.php?rtitle={title}&rurl={url}",
"http://www.kaixin001.com/favicon.ico",
"Share to Kaixin"));
document.writeln(ShareCode("http://v.t.sina.com.cn/share/share.php?title={title}&url={url}",
"http://t.sina.com.cn/favicon.ico",
"Share to SinaMicroblog"));
document.writeln(ShareCode("http://www.douban.com/recommend/?url={url}&title={title}",
"http://t.douban.com/favicon.ico",
"Recomend to Douban"));
document.writeln(ShareCode("http://apps.hi.baidu.com/share/?title={title}&url={url}",
"http://www.baidu.com/favicon.ico",
"Forword to BaiduHi"));
}
相比于原作者的代码,我做了以下改动:第一,设置分享打开页面为浏览器默认设置,而不会跳转到新的窗口;第二,对打开参数进行精简;第三,删除了按钮旁的文字进行,更加美观;第四,函数不是封装成div,这样可以更方便的贴到某一行内。
使用方法也很简单,在页面的任何一处假如js引用代码:
在需要插入分享按钮的地方加入js函数调用代码即可:
Comments (3)
这个语法高亮是syntax highlighter?跟syntax highlighter evolved有啥区别么?
@ouyang
我也不知道,我一直想加上verilog支持,但一直没加上
[...] 一直想为博客添加一个分享按钮,刚好今天又很早下班,于是网上搜了搜方法,参考别人的教程,开始动手做了咯~~~ [...]