分享到的插件和源码

分享到校内网、转帖到开心网、QQ书签等分享插件
校内网（xiaonei.ccom）、开心网（kaixin001.com）是国内具有垄断地位的SNS两大巨头，前者偏向于学生市场，后者偏向于全年龄用户尤其以白领为主。九点是豆瓣网的的博客订阅服务，同时具有掘客性质。

作为一个能够写出较高水准文章制、造惊人原创内容的博客（显然本博客不是），是非常需要几个推荐和分享的小按钮的。众所周知最著名的博客程序wordpress就有很多插件支持分享功能，例如17fav.com，bookmark-share，share this等等有很多。但是像博客大巴这样的bsp是根本不可能支持插件的，不过我们可以通过其他的途径添加分享按钮。

首先考虑在哪个地方安置这些按钮，譬如我觉得文章标题的右下方不错，那就可以在模版相应版块里面添加内容。

进入blogbus的后台，选择"编辑自定义模板"中的CSS代码模块，在文件的最后一行添加如下代码：

.shareit {float:right;}

我把这个模块叫做shareit，就当它是个插件的另外一种形式吧。这是句非常简单的css语言，定义shareit这个模块右对齐。如果你懂得css语言并且需要更花哨的外观可以修改这个句子。

第二步就是这个模块在具体位置的添加了。在我使用的这个模版中（blogbus的新模板系统Quiet主题），自定义日志内容页文章代码的是文章标题应该是detail-post模块，其中的<h2>{#title_cat}</h2>显示的是标题，还有<h3>{#date} | Tag：{#tags}</h3>显示的分别是日期和tag，我所需要的分享按钮准备布置在他们的下方。于是我在下方紧接着</h3>下面输入以下代码：

<div class="shareit">收藏和分享：</div>

很明显，具体代码内容要添加在那个冒号后面。下面是很就是可以添加的多很多类型的分享代码了。本人搜集修改自网络。

分享到校内网（其实这段是校内提供给FireFox快速分享标签的代码，我们可以拿来直接用。我顺便盗用或者修改了些16*16的小图标，这样就比较整齐美观了）：

<a href="javascript:void((function(s,d,e){if(/xiaonei/.com/.test(d.location))return;var%20f='http://share.xiaonei.com/share/buttonshare.do?link=',u=d.location,l=d.title,p=[e(u),'&title=',e(l)].join('');function%20a(){if(!window.open([f,p].join(''),'xnshare',['toolbar=0,status=0,resizable=1,width=626,height=436,left=',(s.width-626)/2,',top=',(s.height-436)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent));"><IMG SRC=http://cview.blogbus.com/files/12496916880.png WIDTH="16" HEIGHT="16" BORDER="0" ALT="分享到校内网"></a>

分享到开心网（继续添加）：

<a href="javascript:var u='http://www.kaixin001.com/~repaste/repaste.php';window.open(u,'kaixin');void(0)"><IMG SRC="http://cview.blogbus.com/files/12496916884.jpg" WIDTH="16" HEIGHT="16" BORDER="0" ALT="转贴到开心网"></a>

推荐到九点（这段利用的是官方的js代码，本身能显示图标和推荐数，可是无法和其它图片对其，不建议用这个。具体内容访问[url]http://9.douban.com/service/[/url]）

<script type="text/javascript" src="http://9.douban.com/js/button_widget.js"></script>

同样是推荐到九点，为了和其它图标对齐我没有使用官方版：

<a title="推荐到豆瓣9点" 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&n=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()}})()"><IMG src="http://cview.blogbus.com/files/12497070464.png"></a>

推荐给豆瓣友邻：

<a title="推荐给豆瓣友邻" href="javascript:var u='http://www.douban.com/recommend/?url='+location.href+'&title='+encodeURIComponent(document.title);window.open(u,'douban','toolbar=0,resizable=1,scrollbars=yes,status=1,width=450,height=330');void(0)"><IMG src="http://cview.blogbus.com/files/12497070465.png"></a>

收藏到QQ书签（自己从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)"><IMG SRC="http://cview.blogbus.com/files/12496916885.png" WIDTH="16" HEIGHT="16" BORDER="0" ALT="QQ书签"></a>

添加到百度收藏（直接用的百度logo，百度没给这服务个画logo？）：

<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);var url=%22[url]http://cang.baidu.com/do/add?it=%22+encodeURIComponent[/url](t)+%22&iu=%22+encodeURIComponent(u)+%22&dc=%22+encodeURIComponent(c)+%22&fr=ien#nw=1%22;window.open(url,'_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes');void 0"><IMG SRC="http://cview.blogbus.com/files/12496916882.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="百度搜藏"></a>

添加到google书签：

<a href="javascript:(function(){var a=window,b=document,c=encodeURIComponent,d=a.open('http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk='+c(b.location)+'&title='+c(b.title),'bkmk_popup','left='+((a.screenX||a.screenLeft)+10)+',top='+((a.screenY||a.screenTop)+10)+',height=420px,width=550px,resizable=1,alwaysRaised=1');a.setTimeout(function(){d.focus()},300)})();"><IMG SRC="http://cview.blogbus.com/files/12496916883.jpg" WIDTH="16" HEIGHT="16" BORDER="0" ALT="Google书签"></a>

用Google翻译页面：

<a href="javascript:location='http://translate.google.com/translate?u='%20+%20encodeURIComponent(location);" title="Google Translate" target="_blank"><img src="http://cview.blogbus.com/files/12497097090.png" alt="Google Translate" /></a>

添加到鲜果（自己搞了个小的logo，不过官方好像只提供自带图片的JavaScript，这个小logo看着玩玩吧，具体的样子可以去官网[url]http://tools.xianguo.com/tools-subbutton.html[/url]生成代码，下面的仅供参考）：

<script charset="utf8" type="text/javascript">cT="0";nc="#444";nBgc="";nBorder="#F5E5A9";tc="#649B00";tBgc="#FFF4D0";tBorder="#F5E5A9";tDigg="%E6%8E%A8%E8%8D%90";tDugg="%E5%B7%B2%E8%8D%90";defaultItemUrl="WEB_URL";defaultFeedUrl ="http://re.xianguo.com/api/diggthis.js"></script></div>

收藏到新浪ViVi（刚才不小心自己把文章阉割了一大半，狗屎的blogbus保存草稿功能有根本没什么用。新浪这个东西没什么人用，代码就不重写了。其它的还好在我的模版里面存着。）

添加到yahoo雅虎收藏：

<a href="javascript:location.href='http://myweb2.search.yahoo.com/myresults/bookmarklet?u='+encodeURIComponent(location.href)+'&t='+encodeURIComponent(document.title)" target="_blank"><IMG SRC="http://cview.blogbus.com/files/12496916881.jpg" WIDTH="16" HEIGHT="16" BORDER="0" ALT="yahoo收藏"></a>

分享到到del.icio.us(这网站应该是全世界同类型网站的第一吧，第一是第一可是博巴没必要只提供这么一个分享按钮把？而且样子丑陋龟缩在末尾角落里，有了这个建议把自带的禁用):

<a href="javascript:(function(){f='http://delicious.com/save?url='+encodeURIComponent(window.location.href)+'&title='+encodeURIComponent(document.title)+'&v=5&';a=function(){if(!window.open(f+'noui=1&jump=doclose','deliciousuiv5','location=yes,links=no,scrollbars=no,toolbar=no,width=550,height=550'))location.href=f+'jump=yes'};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})()"><IMG SRC="http://cview.blogbus.com/files/12496939660.jpg" WIDTH="16" HEIGHT="16" BORDER="0" ALT="Del.icio.us"></a>

分享到twitter：

<a href="javascript:void(location.href='https://twitter.com/home?status=Now%20reading%20<<'+encodeURIComponent(document.title)+'>>%20'+encodeURIComponent(location.href))" title="分享到 Twitter"><img src=http://cview.blogbus.com/files/12497070461.png alt="分享到twitter" /></a>

下面是国内的集中掘客digg网站，掘客在国内实在是没有怎么热起来，主要是因为类似的这个功能在校内网等SNS网站就发挥地淋漓尽致了。下面提供官方版按钮的添加方法的链接。

[url]http://www.diglog.com/tools-blogbutton.aspx[/url]

[url]http://www.waakee.com/waakee_tools.php[/url]

[url]http://www.digbuzz.net/tools.php[/url]