腾讯QQ新浪网易搜狐微博分享文章代码
2011-09-29 16:20
393 查看
从昨天晚上写完了《博客营销联盟联署计划久而耐磨?创新!》一篇后,顺手添加了一些功能,如文章在腾讯空间、腾讯微博里面分享的功能;
今天一大早就有朋友前来咨询这样的一个功能是如何制作的,但其实这样的一个功能在制作起来还是非常简单的,不需要你有非常高超的编程能力,因为只需要小小的一段代码就可以搞定这样的一个功能了……
效果如下所示:
从上面图片中我们可以看到在图中我添加了四个功能,一个是将本文添加分享到QQ空间,二分享到QQ朋友社区,三转播到腾讯微博,四分享到新浪微博;其实除了这腾讯、新浪之外,还有其它常见的几个:网易,搜狐;这四大平台的微博用户量来说应该算是最大的了……其它的还有众多,在这就不一一列举了……关于为什么要使用这个功能,你知道的……
首先说分享到QQ空间的通用代码:
<a href="javascript:void(0);" onclick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(document.location.href));return false;" title="分享到QQ空间"><img src="http://qzonestyle.gtimg.cn/ac/qzone_v5/app/app_share/btn_share.png"
alt="分享到QQ空间" /></a>
分享至QQ好友社区通用代码:
<a href="javascript:void(0);" onclick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?to=pengyou&url='+encodeURIComponent(document.location.href));return false;" title="分享到朋友社区"><img src="http://qzonestyle.gtimg.cn/ac/qzone_v5/app/qzshare/to-py.png"
alt="分享到朋友社区" /></a>
转播至腾讯微博通用代码:
<a href="javascript:void(0)" onclick="postToWb();" class="tmblog"><img src="http://v.t.qq.com/share/images/s/b24.png"></a> <script type="text/javascript">
function postToWb(){
var _t = encodeURI(document.title);
var _url = encodeURI(document.location);
var _appkey = encodeURI("appkey");//你从腾讯获得的appkey
var _pic = encodeURI('');//(列如:var _pic='图片url1|图片url2|图片url3....)
var _site = '';//你的网站地址
var _u = 'http://v.t.qq.com/share/share.php?title='+_t+'&url='+_url+'&appkey='+_appkey+'&site='+_site+'&pic='+_pic;
window.open( _u,'转播到腾讯微博', 'width=700, height=680, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no' );
}
</script>
分享至新浪微博通用代码:
<a href="javascript:(function(){window.open('http://v.t.sina.com.cn/share/share.php?
title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)
+'&source=bookmark','_blank','width=450,height=400');})()" title="新浪微博分享"><img
src="http://www.cyseo.org/upload/sina.gif" alt="新浪微博分享" border="0"></a>
分享至搜狐微博通用代码:
<a title="分享到搜狐微博" href="javascript:void((function(s,d,e,r,l,p,t,z,c){var f='http://t.sohu.com/third/post.jsp?',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=660,height=470,left=',(s.width-660)/2,',top=',(s.height-470)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','','','','utf-8'));"
style="margin:0 0 0 20px;font-size:12px;font-family:'\5b8b\4f53';color:#369"><span style="display:inline-block;width:16px;height:16px;margin:0 3px 0.2em -20px;vertical-align:middle;background:url(http://s2.cr.itc.cn/img/t/152.png)
no-repeat"></span>分享到搜狐微博</a>
分享至网易微博通用代码:
<a target=”_self” onclick=”(function(){var url = ‘link=http://news.163.com/&source=’+ encodeURIComponent(‘网易新闻’)+ ‘&info=’+ encodeURIComponent(document.title) + ‘ ‘ + encodeURIComponent(document.location.href);window.open(‘http://t.163.com/article/user/checkLogin.do?’+url+’&’+new
Date().getTime(),’newwindow’,'height=330,width=550,top=’+(screen.height-280)/2+’,left=’+(screen.width-550)/2+’, toolbar=no, menubar=no, scrollbars=no,resizable=yes,location=no, status=no’);})()” href=”javascript:void(0);”><img height=”19px” border=”0″ align=”absMiddle”
src=”http://img1.cache.netease.com/cnews/css09/wblog.gif” alt=”分享到网易微博” title=”分享到网易微博” />分享到网易微博</a>
以上的代码用户可以根据自己的实际需要稍作修改,如文字连接改为图片连接,或其它的修改……
好了关于分享的就到这吧,不懂的就留言
本文转自:http://www.cyseo.org/post/434.html
今天一大早就有朋友前来咨询这样的一个功能是如何制作的,但其实这样的一个功能在制作起来还是非常简单的,不需要你有非常高超的编程能力,因为只需要小小的一段代码就可以搞定这样的一个功能了……
效果如下所示:
从上面图片中我们可以看到在图中我添加了四个功能,一个是将本文添加分享到QQ空间,二分享到QQ朋友社区,三转播到腾讯微博,四分享到新浪微博;其实除了这腾讯、新浪之外,还有其它常见的几个:网易,搜狐;这四大平台的微博用户量来说应该算是最大的了……其它的还有众多,在这就不一一列举了……关于为什么要使用这个功能,你知道的……
首先说分享到QQ空间的通用代码:
<a href="javascript:void(0);" onclick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(document.location.href));return false;" title="分享到QQ空间"><img src="http://qzonestyle.gtimg.cn/ac/qzone_v5/app/app_share/btn_share.png"
alt="分享到QQ空间" /></a>
分享至QQ好友社区通用代码:
<a href="javascript:void(0);" onclick="window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?to=pengyou&url='+encodeURIComponent(document.location.href));return false;" title="分享到朋友社区"><img src="http://qzonestyle.gtimg.cn/ac/qzone_v5/app/qzshare/to-py.png"
alt="分享到朋友社区" /></a>
转播至腾讯微博通用代码:
<a href="javascript:void(0)" onclick="postToWb();" class="tmblog"><img src="http://v.t.qq.com/share/images/s/b24.png"></a> <script type="text/javascript">
function postToWb(){
var _t = encodeURI(document.title);
var _url = encodeURI(document.location);
var _appkey = encodeURI("appkey");//你从腾讯获得的appkey
var _pic = encodeURI('');//(列如:var _pic='图片url1|图片url2|图片url3....)
var _site = '';//你的网站地址
var _u = 'http://v.t.qq.com/share/share.php?title='+_t+'&url='+_url+'&appkey='+_appkey+'&site='+_site+'&pic='+_pic;
window.open( _u,'转播到腾讯微博', 'width=700, height=680, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no' );
}
</script>
分享至新浪微博通用代码:
<a href="javascript:(function(){window.open('http://v.t.sina.com.cn/share/share.php?
title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href)
+'&source=bookmark','_blank','width=450,height=400');})()" title="新浪微博分享"><img
src="http://www.cyseo.org/upload/sina.gif" alt="新浪微博分享" border="0"></a>
分享至搜狐微博通用代码:
<a title="分享到搜狐微博" href="javascript:void((function(s,d,e,r,l,p,t,z,c){var f='http://t.sohu.com/third/post.jsp?',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=660,height=470,left=',(s.width-660)/2,',top=',(s.height-470)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','','','','utf-8'));"
style="margin:0 0 0 20px;font-size:12px;font-family:'\5b8b\4f53';color:#369"><span style="display:inline-block;width:16px;height:16px;margin:0 3px 0.2em -20px;vertical-align:middle;background:url(http://s2.cr.itc.cn/img/t/152.png)
no-repeat"></span>分享到搜狐微博</a>
分享至网易微博通用代码:
<a target=”_self” onclick=”(function(){var url = ‘link=http://news.163.com/&source=’+ encodeURIComponent(‘网易新闻’)+ ‘&info=’+ encodeURIComponent(document.title) + ‘ ‘ + encodeURIComponent(document.location.href);window.open(‘http://t.163.com/article/user/checkLogin.do?’+url+’&’+new
Date().getTime(),’newwindow’,'height=330,width=550,top=’+(screen.height-280)/2+’,left=’+(screen.width-550)/2+’, toolbar=no, menubar=no, scrollbars=no,resizable=yes,location=no, status=no’);})()” href=”javascript:void(0);”><img height=”19px” border=”0″ align=”absMiddle”
src=”http://img1.cache.netease.com/cnews/css09/wblog.gif” alt=”分享到网易微博” title=”分享到网易微博” />分享到网易微博</a>
以上的代码用户可以根据自己的实际需要稍作修改,如文字连接改为图片连接,或其它的修改……
好了关于分享的就到这吧,不懂的就留言
本文转自:http://www.cyseo.org/post/434.html
相关文章推荐
- JS 实现 腾讯、新浪、网易、搜狐微博,开心网,人人网转帖分享功能
- CSS_腾讯QQ官网,新浪官网,网易官网,淘宝官网之css初始化代码
- JS 实现 腾讯、新浪、网易、搜狐微博,开心网,人人网转帖分享功能
- 盗链网易163、腾讯QQ、新浪sina、百度Baidu的图片之PHP独立版
- python3爬取新浪新闻文章内容代码
- 网易、百度、新浪网站图片外链破解代码
- 文章分享代码
- asp破解(百度,网易,新浪,搜狐,QQ空间)图片防盗链代码
- 一键分享到新浪微博、腾讯微博、搜狐微博、人人网、开心网、百度收藏等js代码大全
- 分享到新浪,人人,开心,天涯,豆瓣,搜狐,腾讯等的代码
- asp破解(百度,网易,新浪,搜狐,QQ空间)图片防盗链代码
- 新浪、网易、搜狐博客(QQ空间)视频自动与非自动播放代码设置
- 转:一切整合分享到新浪网易微博代码
- Java web项目 爱分享社区管理文章管理部分代码
- 求高手分享帐号通一键登录淘宝、腾讯、新浪、和各大门户网站接口代码
- 百度,人人,新浪,腾讯等分享Js代码
- 分享到新浪与QQ微博代码
- 腾讯网易新浪新闻客户端内容分享方式对比
- 分享到新浪,空间,微博等的代码
- 新浪分享网址(复制这段代码,粘贴到你的网站上任意位置。)