1. 下载“金康云登录”按钮图片，并将按钮放置在页面合适的位置
| 大小 | 标示 |
| 230*48 |  |
| 153*32 |  |
| 115*24 |  |
金康云登录小图标+文字链接
| 大小 | 标示 |
| 48*48 |  金康云登录 |
| 32*32 |  金康云登录 |
| 16*16 |  金康云登录 |
2. 为“金康云登录”按钮添加前台代码
效果演示
用户在页面上点击“金康云登录”按钮，将触发金康云登录对话框，效果如下图所示：
代码示例
1. 写一个函数“toLogin()”，该函数通过调用“index.php”中的qq_login函数来实现将页面跳转到金康云登录页面。
<script>
function toLogin()
{
//以下为按钮点击事件的逻辑。注意这里要重新打开窗口
//否则后面跳转到金康云登录，授权页面时会直接缩小当前浏览器的窗口，而不是打开新窗口
var A=window.open("oauth/index.php","TencentLogin",
"width=450,height=320,menubar=0,scrollbars=1,
resizable=1,status=1,titlebar=0,toolbar=0,location=1");
}
</script>2. 为按钮添加“toLogin()”事件：
<a href="#" onclick='toLogin()'>
下一步
请参见使用Authorization_Code获取Access_Token