月光博客 » 编程开发 » 为博客增加社会化分享按钮代码

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

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

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

  这三个网站属于较为纯粹的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>");

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

顶一下 ▲()   踩一下 ▼()

相关文章

  1. 1
    月舞   说道:
    测试成功,不错的分享代码,有时间弄得我博客里去,嘿嘿
    转帖到新浪围脖
    gongzhu 于 2016/1/20 11:02:13 回复
    不能分享到新浪博客,网易博客,腾讯博客
    支持(24反对(11回复
  1. 2
    网游博客   说道:
    昨天没更新博客?
    爱好者博客 于 2010-1-31 0:07:59 回复
    哇,月光老大就是勤快.这么晚了还在更新.
    支持(19反对(9回复
  1. 3
    222   说道:
    。。。。为什么分享的都是地址。。有没有办法把文章部分或全部内容分享呢
    你看我看你 于 2010-2-22 14:42:28 回复
    同问同问,希望月光能帮忙解答
    支持(13反对(3回复
  1. 4
    senngr   说道:
    希望月光可以帮忙提供下各大邮箱冻结帐号的期限。
    蛮想对比下这个。
    支持(17反对(8回复
  1. 5
    dsn001   说道:
    转帖到开心网
    转帖到迪士尼001
    转帖到人人网
    支持(18反对(10回复
  1. 6
    爱好者博客   说道:
    这段代码在Zblog的帮助中好像看到过.
    支持(13反对(6回复
  1. 7
    转帖   说道:
    转发至新浪微博
    转帖到开心网
    转帖到开心网
    转帖到人人网
    转帖到人人网
    支持(15反对(10回复
  1. 8
    从前网   说道:
    哈哈,月光这是拖稿.大家快催稿.应付了事了他.
    支持(12反对(7回复
  1. 9
    小可人   说道:
    正在考虑增加这个功能。 不知会否影响加载速度。
    支持(8反对(3回复
  1. 10
    dongyang   说道:
    代码我是看不懂了!惊奇的是这么多人在啊!
    支持(11反对(7回复

发表留言


点击更换验证码