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

最近在做开发的过程中,有一个需求是在网站里面添加新浪微博(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

下面是我测试的代码:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 5 <title>weibo</title>
 6 </head>
 7 <body>
 8 
 9 <html xmlns:wb="http://open.weibo.com/wb">
10 <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
11 
12 
13 <wb:follow-button uid="2265848294" type="red_1" width="67" height="24"></wb:follow-button>
14 <br/> 
15 <wb:follow-button uid="2265848294" type="red_2" width="136" height="24" ></wb:follow-button> 
16 <br/>
17 <wb:follow-button uid="2265848294" type="red_3" width="100%" height="24" ></wb:follow-button>
18 <br/>
19 <wb:follow-button uid="2265848294" type="red_4" width="100%" height="64" ></wb:follow-button>
20 </body>
21 </html>

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏about云

如何通过官网查找hadoop、hbase、hive版本兼容信息

问题导读 1.如何查看hbase与hadoop的兼容? 2.hive是否与所有hadoop兼容? 3.hadoop2.7.1 hbase1.2.x hive...

43180
来自专栏xingoo, 一个梦想做发明家的程序员

公司内网,无法使用yum在线下载,肿么办?

1 配置上网代理   编辑/etc/yum.conf,增加如下属性: proxy=你的代理地址 proxy_user=你的用户名 proxy_passwor...

335100
来自专栏草根专栏

使用Angular CLI生成路由

为应用生成路由. 先创建一个项目: ng new my-routing --routing ? 可以看到生成了两个module. 看一下routing modu...

398130
来自专栏运维技术迷

HTTP响应可视化测试工具-httpstat

httpstat是一款可以测试http状态的可视化工具,通过这个工具可以看出来http响应信息。包括dns解析、tcp连接等信息,httpstat一共有gola...

40380
来自专栏FreeBuf

Python编写的开源Struts2全版本漏洞检测工具

0x01 说明: 由于struts2框架频繁爆出漏洞,为方便安全从业人员检测并及时修复,遂将struts历史版本payload整合在一起(ST2-005至ST2...

74560
来自专栏CaiRui

Shell中的$..

$0 这个程式的执行名字 $n 这个程式的第n个参数值,n=1..9 $* 这个程式的所有参数,此选项参数可超过9个。 $# 这个程式的参数个数 $$ 这个程式...

34790
来自专栏西安-晁州

使用eclipse创建maven web项目

1、新建项目: ? 2、选择模板: ? 3、输入项目信息: ? 4、新建的项目结构,发现index.jsp报错,直接删除重新创建一个index.jsp文件后,发...

25400
来自专栏不想当开发的产品不是好测试

pip is configured with locations that require TLS/SSL, however the ssl module in Python is not avail

# 背景 安装pip后发现执行pip install pytest,提示下面错误 pip is configured with locations that r...

1.2K110
来自专栏西安-晁州

nodejs应用离线安装部署、卸载

公司写的文档,直接粘贴过来了: 本文档提供node应用一键安装、部署、卸载说明,包含对应脚本文件 默认版本: 1、nodejs:v6.11.2.linux-...

37200
来自专栏深度学习之tensorflow实战篇

windows下mysql忘记root密码,如何重设密码

添加windows下mysql服务 以管理员身份打开cmd,执行 mysqld --install net stop mysql # 忘记密码找回 找到mysq...

33450

扫码关注云+社区

领取腾讯云代金券