欢迎各位兄弟 发布技术文章
这里的技术是共享的
在网站上添加腾讯微博的“关注按钮”(快速收听)代码:
1. 让他人可以快速收听你的微博帐号
将快速收听模块嵌入网页,访客点击收听按钮,就能一键收听的你腾讯微博帐号。
2. 显示你的微博帐号信息
腾讯微博提供三种样式,可选择显示你的微博头像+昵称信息,更好的吸引他人收听你的微博帐号。
添加腾讯微博后的效果图:
生成该代码的地址是:http://dev.open.t.qq.com/websites/followcomp?explain=1
投稿来源于:http://news.2ky.cn,转载需注明。
来自 http://news.2ky.cn/17/6248.htm
http://dev.t.qq.com/websites/followcomp/
http://www.liuzhenyi.cn/tag/%E8%85%BE%E8%AE%AF%E5%BE%AE%E5%8D%9A%E6%94%B6%E5%90%AC%E4%BB%A3%E7%A0%81/
以下分享的是常用的一些开放平台组件代码,可以单独复制使用,也可测试,只需在代码开头加上:
<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<body>
在代码结尾处加上:
</body>
</html>
即将代码放入<body>和</body>之间即可。
所有代码下载地址:http://qiannao.com/file/promeshos/b57677de/,双击即可查看各种代码的显示效果,记事本打开则可看到全部代码。
新浪微博关注按钮代码:
<iframe allowtransparency=”" border=”0″ frameborder=”0″ height=”22″ marginheight=”0″ marginwidth=”0″ scrolling=”no” src=”http://widget.weibo.com/relationship/followbutton.php?width=200&height=22&uid=2149287475&style=5&btn...″ style=”width: 64px; height: 22px;” width=”200″></iframe>
QQ联系代码:
<a target=”_blank” href=”http://wpa.qq.com /msgrd?v=3&uin=793998999&site=qq&menu=yes”>< img border=”0″ src=”http://wpa.qq.com/pa?p=2:793998999:41″ alt=”通过QQ联系 我” title=”通过QQ联系我”></a>
新浪微博秀组件代码:
<iframe width=”100%” height=”550″ class=”share_self” frameborder=”0″ scrolling=”no” src=”http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&s...″></iframe>
新浪微博分享按钮代码:
<script type=”text/javascript” charset=”utf-8″>
(function(){
var _w = 72 , _h = 16;
var param = {
url:location.href,
type:’3′,
count:’1′, /**是否显示分享数,1显示(可选)*/
appkey:”, /**您申请的应用appkey,显示分享来源(可选)*/
title:”, /**分享的文字内容(可选,默认为所在页面的title)*/
pic:”, /**分享图片的路径(可选)*/
ralateUid:”, /**关联用户的UID,分享微博会@该用户(可选)*/
language:’zh_cn’, /**设置语言,zh_cn|zh_tw(可选)*/
rnd:new Date().valueOf()
}
var temp = [];
for( var p in param ){
temp.push(p + ’=' + encodeURIComponent( param[p] || ” ) )
}
document.write(‘<iframe allowTransparency=”true” frameborder=”0″ scrolling=”no” src=”http://hits.sinajs.cn/A1/weiboshare.html?’ + temp.join(‘&’) + ’” width=”‘+ _w+’” height=”‘+_h+’”></iframe>’)
})()
</script>
<iframe src=”http://follow.v.t.qq.com/index.php?c=follow&a=quick&name=yan793998999&style=1&t=1350699293264&f=1″ frameborder=”0″ scrolling=”auto” width=”227″ height=”75″ marginwidth=”0″ marginheight=”0″ allowtransparency=”true”></iframe>
腾讯微博秀组件代码:
<iframe frameborder=”0″ scrolling=”no” src=”http://show.v.t.qq.com/index.php?c=show&a=index&n=yan793998999&w=252&h=552&fl=2&l=6&o=31&co=0″ width=”252″ height=”552″></iframe>
分享到QQ空间代码:
<script type=”text/javascript”>
(function(){
var p = {
url:location.href,
showcount:’1′,/*是否显示分享总数,显示:’1′,不显示:’0′ */
desc:”,/*默认分享理由(可选)*/
summary:”,/*分享摘要(可选)*/
title:”,/*分享标题(可选)*/
site:”,/*分享来源 如:腾讯网(可选)*/
pics:”, /*分享图片的路径(可选)*/
style:’101′,
width:199,
height:30
};
var s = [];
for(var i in p){
s.push(i + ’=' + encodeURIComponent(p[i]||”));
}
document.write(['<a version="1.0" class="qzOpenerDiv" href="http://sns.qzone.qq.com /cgi-bin/qzshare /cgi_qzshare_onekey?',s.join('&'),'" target="_blank">分享</a> '].join(”));
})();
</script>
<script src=”http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111201″ charset=”utf-8″></script>
分享到腾讯朋友按钮代码:
<script type=”text/javascript”>
(function(){
var p = {
url:location.href,
to:’pengyou’,
desc:”,/*默认分享理由(可选)*/
summary:”,/*摘要(可选)*/
title:”,/*分享标题(可选)*/
site:”,/*分享来源 如:腾讯网(可选)*/
pics:” /*分享图片的路径(可选)*/
};
var s = [];
for(var i in p){
s.push(i + ’=' + encodeURIComponent(p[i]||”));
}
document.write(['<a href="http://sns.qzone.qq.com /cgi-bin/qzshare /cgi_qzshare_onekey?',s.join('&'),'" target="_blank" title="分享到腾讯朋 友"><img src="http://imgcache.qq.com/qzone_v6/proj_connect_open/img /share/share_py.png" alt="分享到腾讯朋友" border="0" /></a> '].join(”));
})();
</script>
腾讯QQ空间赞组件代码:
<a version=”1.0″ class=”qzOpenerDiv” href=”http://sns.qzone.qq.com /cgi-bin/qzshare/cgi_qzshare_likeurl” target=”_blank”>赞</a>< script src=”http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111107&style=3&showcount=1&width=13...″ charset=”utf-8″ defer=”defer” ></script>
划词分享到QQ空间代码:
<script type=”text/javascript”>
window._qzone_share_pick_cfg = {
url:location.href,
summary:”,/*分享摘要(可选)*/
title:”,/*分享标题(可选)*/
site:”,/*分享来源 如:腾讯网(可选)*/
pics:”, /*分享图片的路径(可选)*/
drag_pick:{
‘@style’:101,
body:{}
}
};
</script>
<script type=”text/javascript” src=”http://qzonestyle.gtimg.cn/qzone/app/qzshare/script/qzshare.plus.pick.js” async=”true” charset=”utf-8″></script>
百度分享图图表式按钮代码:
<!– Baidu Button BEGIN –>
<div id=”bdshare” class=”bdshare_t bds_tools get-codes-bdshare”>
<span class=”bds_more”>分享到:</span>
<a class=”bds_qzone”></a>
<a class=”bds_tsina”></a>
<a class=”bds_tqq”></a>
<a class=”bds_renren”></a>
<a class=”shareCount”></a>
</div>
<script type=”text/javascript” id=”bdshare_js” data=”type=tools&uid=6462930″ ></script>
<script type=”text/javascript” id=”bdshell_js”></script>
<script type=”text/javascript”>
document.getElementById(“bdshell_js”).src = ”http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=” + Math.ceil(new Date()/3600000)
</script>
<!– Baidu Button END –>
百度分享按钮式代码:
<!– Baidu Button BEGIN –>
<div id=”bdshare” class=”bdshare_b” style=”line-height: 12px;”>
<img src=”http://bdimg.share.baidu.com/static/images/type-button-1.jpg?cdnversion=20120831″ />
<a class=”shareCount”></a>
</div>
<script type=”text/javascript” id=”bdshare_js” data=”type=button&uid=6462930″ ></script>
<script type=”text/javascript” id=”bdshell_js”></script>
<script type=”text/javascript”>
document.getElementById(“bdshell_js”).src = ”http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=” + Math.ceil(new Date()/3600000);
</script>
<!– Baidu Button END –>
百度分享文字式代码:
<!– Baidu Button BEGIN –>
<div id=”bdshare” class=”bdshare_t bds_tools get-codes-bdshare”>
<span class=”bds_more”>分享到:</span>
<a class=”bds_qzone”>QQ空间</a>
<a class=”bds_tsina”>新浪微博</a>
<a class=”bds_tqq”>腾讯微博</a>
<a class=”bds_renren”>人人网</a>
<a class=”shareCount”></a>
</div>
<script type=”text/javascript” id=”bdshare_js” data=”type=tools&uid=6462930″ ></script>
<script type=”text/javascript” id=”bdshell_js”></script>
<script type=”text/javascript”>
document.getElementById(“bdshell_js”).src = ”http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=” + Math.ceil(new Date()/3600000);
</script>
<!– Baidu Button END –>
百度分享浮窗式代码:
<!– Baidu Button BEGIN –>
<script type=”text/javascript” id=”bdshare_js” data=”type=slide&img=1&pos=right&uid=6462930″ ></script>
<script type=”text/javascript” id=”bdshell_js”></script>
<script type=”text/javascript”>
document.getElementById(“bdshell_js”).src = ”http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=” + Math.ceil(new Date()/3600000);
</script>
<!– Baidu Button END –>