在网页中 生成QQ在线临时对话框/聊天

一、如何获取“QQ在线状态”网页代码。请 进入腾讯互动状态代码生成页面http://wp.qq.com/开始生成的设置：

 

1、第一步进入 在线状态连接，中间的图指的是你要设置的QQ在线的时候显示的图，设置好了就可以看的见，输入您要设置的QQ号和登录密码，点击登录

 

2、

2.登录后会出现如下这个页面，然后我们可以选择代码类型。我选择第一种，根据个人喜好选择

 

接着选择图片风格，我选择风格一，如下图所示：

 

 

3 、第三步点击“复制生成的网页代码”，如下图：

  

至此，已经获取了QQ的在线代码，为了防止页面不小心关闭，重新操作，我们可以把该代码先复制到文本文件里保存下，然后再开始到博客里去设置。

 

 

 

二、如何在您的个人博客中展现“QQ在线状态”按钮。

2）在“页面设置”中选择“设置博客首页模版”，在其中“自定义内容组件”内选择“添加文本组件”下面是我已经设置好了的三个组件的效果图，未设置之前这里是空白的，您可以通过自定义组件添加文本组件任意添加自己喜欢的内容、公告信息、个人介绍、插入图片或其它多媒体文件；

3）勾选上“显示源代码”，并将生成的网页代码粘贴至代码框内，并可自定义模块标题，如：联系方式；如下图

 

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

完成后效果图