1、第一步进入
在线状态连接，中间的图指的是你要设置的QQ在线的时候显示的图，设置好了就可以看的见，输入您要设置的QQ号和登录密码，点击登录
2、
2.登录后会出现如下这个页面，然后我们可以选择代码类型。我选择第一种，根据个人喜好选择
接着选择图片风格，我选择风格一，如下图所示：
3
、第三步点击“复制生成的网页代码”
，如下图：
至此，已经获取了QQ的在线代码，为了防止页面不小心关闭，重新操作，我们可以把该代码先复制到文本文件里保存下，然后再开始到博客里去设置。
二、如何在您的个人博客中展现“QQ在线状态”按钮。
2）在“页面设置”中选择“设置博客首页模版”，在其中“自定义内容组件”内选择“添加文本组件”下面是我已经设置好了的三个组件的效果图，未设置之前这里是空白的，您可以通过自定义组件添加文本组件任意添加自己喜欢的内容、公告信息、个人介绍、插入图片或其它多媒体文件；
3）勾选上“显示源代码”，并将生成的网页代码粘贴至代码框内，并可自定义模块标题，如：联系方式；如下图
4）保存自定义模版，并在“自定义内容模版”中勾选上刚刚设置的模版，您的“QQ在线状态”即展示在您的博客首页上了。
完成后效果图
