为博客增加社会化分享按钮代码
2010-01-30 23:45
666 查看
现在很多以内容为核心的网站上都在文章底部添加了社会化分享按钮,能让浏览用户在发现一篇有价值的文章时,可以通过社会化网络快速分享给自己的好友,这样会给网站带来潜在的社会化热点流量。
目前,我在月光博客的文章底部也增加了几个社会化分享的按钮,根据我自己的喜好和对于社会化网络的认识,我选择了三个社会化平台做为分享的目的地,分别是“新浪微博”、“开心网”、“人人网”。
这三个网站属于较为纯粹的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> 转发到新浪微博<\/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> 转帖到开心网<\/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> 转帖到人人网<\/SPAN><\/a><\/div>");
目前,我在月光博客的文章底部也增加了几个社会化分享的按钮,根据我自己的喜好和对于社会化网络的认识,我选择了三个社会化平台做为分享的目的地,分别是“新浪微博”、“开心网”、“人人网”。
这三个网站属于较为纯粹的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> 转发到新浪微博<\/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> 转帖到开心网<\/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> 转帖到人人网<\/SPAN><\/a><\/div>");
相关文章推荐
- 为博客增加社会化分享按钮代码
- 如何在自己的网站或博客或空间加上社交分享按钮,猜你喜欢工具,社会化评论框
- 增加自定义按钮风格功能! – 社会化分享按钮
- 【分享】博客美化(3)为博客添加一个漂亮的分享按钮
- 各种微博分享按钮代码
- 添加“继续分享”工具条功能 – 社会化分享按钮
- asp.net 扩展GridView 增加单选按钮列的代码
- Wofav网页收藏&分享按钮的使用方法(增加网站的流量)
- 响应式社会化分享按钮RRSSB【下载】
- jQuery实现倒计时按钮功能代码分享
- 【代码笔记】iOS-增加右侧按钮
- 基于jQuery实现交互体验社会化分享代码附源码下载
- 推荐几个提高访问量的博客插件:为你的博客添加分享按钮、智能关联推荐功能
- Jquery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
- jquery博客分享一些php常用代码(四)
- 友盟社会化分享代码
- 80%视频网站已经加上“社会化分享按钮”
- 【博客美化】03.分享按钮
- 制作自己博客的分享按钮
- jquery带有索引按钮且自动轮播切换特效代码分享