青青子衿, 悠悠我心, 但为君故, 沉吟至今
« Google Reader开始支持任何网页Firefox手机版正式发布 »

为博客增加社会化分享按钮代码

  现在很多以内容为核心的网站上都在文章底部添加了社会化分享按钮,能让浏览用户在发现一篇有价值的文章时,可以通过社会化网络快速分享给自己的好友,这样会给网站带来潜在的社会化热点流量。

  目前,我在月光博客的文章底部也增加了几个社会化分享的按钮,根据我自己的喜好和对于社会化网络的认识,我选择了三个社会化平台做为分享的目的地,分别是“新浪微博”、“开心网”、“人人网”。

  这三个网站属于较为纯粹的SNS类网站,其分享的内容较QQ书签、百度书签等传统书签网站易于传播。

  下面是我分享使用的JavaScript代码,这段代码是通用代码,直接以JS文件的形式加入到文章尾部,即可增加社会化分享的功能。显示效果参见我博客文章尾部的分享按钮。

document.writeln("<div id=\"socialbookmark\"><a href=\"javascript:window.open(\'http:\/\/v.t.sina.com.cn\/share\/share.php?title=\'+encodeURIComponent(document.title.substring(0,76))+\'&url=\'+encodeURIComponent(location.href)+\'&rcontent=\',\'_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\"><SPAN style=\"PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; CURSOR: pointer; PADDING-TOP: 5px\"><IMG alt=转发到新浪微博 src=\"http:\/\/t.sina.com.cn\/favicon.ico\" align=absMiddle border=0>&nbsp;转发到新浪微博<\/SPAN><\/a>");

document.writeln("<a href=\"javascript:window.open(\'http:\/\/www.kaixin001.com\/repaste\/share.php?rtitle=\'+encodeURIComponent(document.title.substring(0,76))+\'&rurl=\'+encodeURIComponent(location.href)+\'&rcontent=\',\'_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\"><SPAN style=\"PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; CURSOR: pointer; PADDING-TOP: 5px\"><IMG alt=转帖到开心网 src=\"http:\/\/img1.kaixin001.com.cn\/i\/favicon.ico\" align=absMiddle border=0>&nbsp;转帖到开心网<\/SPAN><\/a>");

document.writeln("<a href=\"javascript:window.open(\'http://share.renren.com/share/buttonshare.do?title=\'+encodeURIComponent(document.title.substring(0,76))+\'&link=\'+encodeURIComponent(location.href)+\'&content=\',\'_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\"><SPAN style=\"PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; CURSOR: pointer; PADDING-TOP: 5px\"><IMG alt=转帖到人人网 src=\"http:\/\/s.xnimg.cn\/favicon-rr.ico\" align=absMiddle border=0>&nbsp;转帖到人人网<\/SPAN><\/a><\/div>");



  除非注明,月光博客文章均为原创,转载请以链接形式标明本文地址

  本文地址:http://www.williamlong.info/archives/2072.html
  • 文章排行:
  • 1.网游博客
  • 昨天没更新博客?
    爱好者博客 于 2010-1-31 0:07:59 回复
    哇,月光老大就是勤快.这么晚了还在更新.
  • 2010-1-31 0:03:56   支持(0)反对(0) 回复
  • 2.转帖
  • 转发至新浪微博
    转帖到开心网
    转帖到开心网
    转帖到人人网
    转帖到人人网
  • 2010-1-31 0:04:06   支持(0)反对(0) 回复
  • 13.vernsu
  • 在Chrome浏览器下看不到按钮。
    fxwangzhe 于 2010-1-31 1:21:52 回复
    不是吧?我的可以啊?
    vernsu 于 2010-1-31 12:06:23 回复
    我确定我的看不到,chrome版本号是4.0.302.2
  • 2010-1-31 1:10:38   支持(0)反对(0) 回复
  • 17.222
  • 。。。。为什么分享的都是地址。。有没有办法把文章部分或全部内容分享呢
    你看我看你 于 2010-2-22 14:42:28 回复
    同问同问,希望月光能帮忙解答
  • 2010-1-31 1:30:05   支持(0)反对(0) 回复
  • 18.星网
  • 能用到WordPress上面么?
    williamlong 于 2010-1-31 12:46:12 回复
    可以用到wordpress上,也可以用到其他网站上。
  • 2010-1-31 1:34:09   支持(0)反对(0) 回复
  • 19.现实呓种
  • 现在出了个“分享家”,发现近来很多博客都使用它的服务。
    月光也弄这么一个,看来现在都越来越重视分享了。
  • 2010-1-31 4:54:22   支持(0)反对(0) 回复
  • 20.无名
  • 龙威廉为何不加一个分享的插件呢?或许会更方便一些
    就是这个,我现在用的就是这个分享的插件,上面的分享还多一点
    http://addfeed.cn/feedtools/z-blog/
  • 2010-1-31 8:50:09   支持(0)反对(0) 回复
  • 21.sansed
  • 我博客上都没订阅,因为,博客是为自己而写,不想让人看到
  • 2010-1-31 9:38:57   支持(0)反对(0) 回复
  • 26.张二鸟
  • 可以补充一下分享到QQ的代码吗?先谢谢啦
    o畏哟 于 2010-9-27 13:52:45 回复
    你可以用用Jiathis,他家的代码还挺全的,我一直在用,QQ的代码在"帮助-自定义-右侧的分享到QQ空间代码",希望对你有帮助!
  • 2010-1-31 14:37:02   支持(0)反对(0) 回复
  • 28.月舞
  • 测试成功,不错的分享代码,有时间弄得我博客里去,嘿嘿
    转帖到新浪围脖
  • 2010-1-31 14:45:12   支持(0)反对(0) 回复
  • 29.BrightChen
  • 有个叫JiaThis,推荐一下,我一直在用
    o畏哟 于 2010-9-27 13:54:21 回复
    哈哈哈!我也在用,感觉还不错,呵呵!
  • 2010-1-31 14:54:56   支持(0)反对(0) 回复
  • 30.kevin
  • 恕在下愚昧,制作完JS文件后如何加在文章尾部?
  • 2010-1-31 15:05:04   支持(0)反对(0) 回复
  • 32.ayici
  • 最近网上关注 “如何阻止不信任的 CNNIC 证书”的博文很火
    我想问月光 阻止不信任的 CNNIC 证书 有必要吗 为什么
    不好意思 本人菜鸟一个 请教老鸟讲解!
  • 2010-1-31 16:41:33   支持(0)反对(0) 回复
  • 35.senngr
  • 希望月光可以帮忙提供下各大邮箱冻结帐号的期限。
    蛮想对比下这个。
  • 2010-1-31 21:30:37   支持(0)反对(0) 回复
  • 40.
  • 开心网的rtitle错了,应该是title
    风 于 2010-2-1 22:22:57 回复
    不知道开心网代码中的“r u r l”是否写错了,人人网的c o n t e n t,是否是r c o n t e n t
  • 2010-2-1 13:23:02   支持(0)反对(0) 回复
  • 42.moonsafari
  • 为什么不试试bShare分享呢?可以自定义,有分享数据,还能分享全文,挺不错的。
  • 2010-2-2 9:57:15   支持(0)反对(0) 回复
  • 43.张辉
  • 三个后两个好用,第一个实没能实现
    我用了一天的时间,才实现两个,第一个新浪的,是不是有什么问题,在普通的html中都可以,可是一到博客中,只有图标,没有功能,如果看到,还请指点一下,很喜欢这个功能,想要。
  • 2010-2-2 22:30:04   支持(0)反对(0) 回复
  • 44.superpanda
  • williamlong 为什么加到我的博客大巴后,显示出的是乱码?
    williamlong 于 2010-2-7 19:55:56 回复
    可能是编码问题吧。
  • 2010-2-3 12:13:30   支持(0)反对(0) 回复
  • 45.xhut
  • 这个东西感觉是鸡肋,没有什么用,必须要有人愿意点才行吧。
  • 2010-2-7 11:27:01   支持(0)反对(0) 回复
  • 47.liuqin
  • 可以直接复制代码到其它博客上去吗?我把代码拷到新浪博客里后效果显示不出来~~
  • 2010-2-25 18:15:58   支持(0)反对(0) 回复
  • 54.wanghauw
  • 用用bShare吧,有统计数据的,可以知道你的博客的社会化影响力
  • 2010-7-3 11:48:10   支持(0)反对(0) 回复

发表评论:

 请勿发送垃圾信息、广告、推广信息或链接,这样的信息将会被直接删除。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 关注新浪微博:关注新浪微博
  • 关注腾讯微博:关注腾讯微博
  • 关注认证空间:关注QQ空间
  • 通过Google订阅本站
  • 通过鲜果订阅本站
  • 通过电子邮件订阅
  • 通过QQ邮件订阅

站内搜索

热文排行


月度排行

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.