您的位置：首页 > 运维架构 > 网站架构

让你的网站拥有微博(weibo.com)关注图标

2013-05-10 18:21 267 查看

最近在做开发的过程中，有一个需求是在网站里面添加新浪微博(http://weibo.com)的关注图标。

先来看看我的运行效果,一下是四种不同的格式，实现都很简单：

操作步骤如下：

第一步：你需要申请一个微博(weibo.com)的账号

如我申请的账号如下：

第二步：http://open.weibo.com/widget/followbutton.php

这一步是去到weibo平台的开发平台查看API，地址是：http://open.weibo.com/widget/followbutton.php

只需把你的uid替换为你的微博id即可，如我的uid为：2265848294

下面是我测试的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>weibo</title>
</head>
<body>

<html xmlns:wb="http://open.weibo.com/wb">
<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>

<wb:follow-button uid="2265848294" type="red_1" width="67" height="24"></wb:follow-button>
<br/>
<wb:follow-button uid="2265848294" type="red_2" width="136" height="24" ></wb:follow-button>
<br/>
<wb:follow-button uid="2265848294" type="red_3" width="100%" height="24" ></wb:follow-button>
<br/>
<wb:follow-button uid="2265848294" type="red_4" width="100%" height="64" ></wb:follow-button>
</body>
</html>

整个实现过程很简单....你也值得拥有....现在就可以给你的网站做一个吧....

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航