如何在个人网页、博客、QQ空间、展现“QQ在线状态”按钮

(1)如何在网页中添加“QQ在线状态”按钮？

大家浏览网页时，经常会看到在网页的某个角落有一个QQ聊天的图标，我们点击它后，如果登陆有QQ的话就会弹出一个QQ聊天框。这个功能非常方便实用。因为它可以不用互加好友就能直接发起对话，省去了要互加为好友的操作，作为联系方式非常不错。这个图标按钮是怎么做的呢？在腾讯网QQ生成在线状态的页面（http://wp.qq.com）提供有生成操作，我们可以为自己的QQ生成在网站或论坛使用的在线状态按钮。可是这种方法很麻烦，对大多数人来说也很不方便。那有没有什么简单的方法呢？当然有了，现在我就告诉大家。

我们可以把在线状态变成一个动态url链接，只要点击这个链接就可以弹出对话框了。

http://wpa.qq.com/msgrd?v=1&uin=你的QQ号&site=240zt

将红色的字改为你的QQ号码，如叨客机器人的QQ号是17008888，他的URL就是

http://wpa.qq.com/msgrd?v=1&uin=17008888&site=240zt

只要点击这个链接不管和他是不是好友就可以直接发起对话。

我们可以把这个url地址在很多地方用，只要可以插入链接的都可以。

但我们怎么能使状态按钮在线的时候就亮着，离线的时候就变暗了？只要用QQ在线状态的图标就可以了。以下是官方状态图标，大家可以复制，也可以查看图片属性。当然我们也可以用其他图片做链接，只不过就不能显示出在线或离线的状态了。

• 在线状态:
• 离线状态:
• 手机在线:

①添加QQ留言按钮: 点击下面的网站看看就会了。腾讯提供了非常完善的服务，有各种各样的按钮可以选择，可以生成网页代码和论坛UBB代码两种。制作的时候提示需要登陆，登陆之后设置各个选项，然后点击生成copy下来放到网页或者博客里面就可以了。

但是问题是生成的网页代码是带有JavaScript的，比如新浪博客就不支持，不能直接使用；论坛UBB代码也不能直接在新浪博客使用，那怎么办呢？很简单，现在网上很多提供站长工具的网站上面都会有HTML和UBB的相互转换工具，只要把UBB代码黏贴上去一键转换就可以了。
网址：http://is.qq.com/webpresence/

效果：

(2)如何在个人博客中展现“QQ在线状态”按钮

导读: 1）登录进您的博客首页，点击页面右上角的"页面设置"；2）在“页面设置”中选择“设置博客首页模版”，在其中“自定义内容模块”内选择“创建文本模块”；3）勾选上“显示源代码”，并将生成的代码粘贴至代码框内，并可自定义模块标题，如：Q我吧；4）保存自定义模版，并在“自定义内容模版”中勾选上刚刚设置的模版，您的“QQ在线状态”即展示在您的博客首页上了。

1）登录进您的博客首页，点击页面右上角的"页面设置"；

2）在“页面设置”中选择“设置博客首页模版”，在其中“自定义内容模块”内选择“创建文本模块”；

3）勾选上“显示源代码”，并将生成的代码粘贴至代码框内，并可自定义模块标题，如：Q我吧；

4）保存自定义模版，并在“自定义内容模版”中勾选上刚刚设置的模版，您的“QQ在线状态”即展示在您的博客首页上了。

完成后效果图

（3）如何在QQ空间中添加“QQ在线状态”按钮？

1、进入空间，选择“设置”；

2、选择“增删模块”=》“新建模块”；

3、选择“图文模块”；

4、在“描述”中粘贴“QQ在线状态”代码，点击确定即可生成按钮。

（4）如何在网页中添加“QQ在线状态”按钮？

①添加QQ留言按钮: 点击下面的网站看看就会了。腾讯提供了非常完善的服务，有各种各样的按钮可以选择，可以生成网页代码和论坛UBB代码两种。制作的时候提示需要登陆，登陆之后设置各个选项，然后点击生成copy下来放到网页或者博客里面就可以了。

但是问题是生成的网页代码是带有JavaScript的，比如新浪博客就不支持，不能直接使用；论坛UBB代码也不能直接在新浪博客使用，那怎么办呢？很简单，现在网上很多提供站长工具的网站上面都会有HTML和UBB的相互转换工具，只要把UBB代码黏贴上去一键转换就可以了。
网址：http://is.qq.com/webpresence/

效果：