1、进入 http://shang.qq.com/v3/widget.html 开启，设置qq在线状态和样试
2、把三个样式的代码拷贝一份以便在不同的页面中调用
3、拷贝好后就可以去你的网站中想要出现的地粘贴代码。也可以在本地新建一个html文件测试。
拷贝以下html代码到文件中简单测试一下
[code html]
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>QQ在线状态</title> <style type="text/css" media="screen"> body { background: #EDEDED; } ul { padding: 0; } ul li { list-style: none; border-top: 1px solid #CACACA; border-bottom: 1px solid #fff; } </style></head><body> <ul> <li> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号:52" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> QQ在线样式一 </li> <li> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号:41" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> QQ在线样式二 </li> <li> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:你的QQ号:53" alt="点击这里给我发消息" title="点击这里给我发消息"/></a> QQ在线样式三 </li> </ul</body></html>
[/code]
4、用浏览器打开保存的文件
5、点击图标看是否弹出如下窗口：
6、点击确定。弹出对话窗口，完成
