为博客增加社会化分享按钮代码
现在很多以内容为核心的网站上都在文章底部添加了社会化分享按钮,能让浏览用户在发现一篇有价值的文章时,可以通过社会化网络快速分享给自己的好友,这样会给网站带来潜在的社会化热点流量。
目前,我在月光博客的文章底部也增加了几个社会化分享的按钮,根据我自己的喜好和对于社会化网络的认识,我选择了三个社会化平台做为分享的目的地,分别是“新浪微博”、“开心网”、“人人网”。
这三个网站属于较为纯粹的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>");
- 为博客增加社会化分享按钮代码
- 如何在自己的网站或博客或空间加上社交分享按钮,猜你喜欢工具,社会化评论框
- 增加自定义按钮风格功能! – 社会化分享按钮
- 各种分享按钮代码
- 在对话框上增加新浪微博分享或关注按钮的源代码
- 纯CSS3社会化分享按钮
- 纯CSS3实现的顶部社会化分享按钮
- 微信分享代码之在网页中添加“分享到微信朋友圈”按钮的代码分享
- jquery博客分享一些php常用代码(一)
- 为Hexo博客的代码片段添加 选择全部 按钮
- js钢琴按钮波浪式图片排列效果代码分享
- 基于jQuery实现交互体验社会化分享代码附源码下载
- WPF微信聊天和通讯录按钮样式代码分享
- 中国版AddThis(收藏按钮):方便读者收藏,增加博客流量!
- 分享过滤条件中增加一个自定义过滤变量插件代码
- 社会化分享功能百度分享代码示例
- 分享8个好的方法来增加你的博客访问量
- jquery博客分享一些php常用代码(五)
- 发尔·玻尔 正式加入 开源博客 分享日常代码心得
- jquery带有索引按钮且自动轮播切换特效代码分享