一休教你如何在自己的博客页面生成QQ直接聊天

我看到不少博友在自己的51cto博客的模块中公布了自己的QQ联系方式，作为管家的一休我也在自己博客中添加了自己的IM联系方式，以便大家在遇到问题是可以更加方便的联系到我，及时的解决问题。下图是我博客首页（http://yixiu.blog.51cto.com）中心位置的模块：




这种方式的好处是：博友可以在无须加你为好友的时候就可以进行临时对话，让你的沟通更加方便和随意。

应部分博友的要求，也为了推广这种便利给大家，我实例介绍一下QQ在线的实现方法：
一、获取你的QQ的在线代码。进入腾讯互动状态代码生成页面http://imis.qq.com/webpresence/code.shtml，开始生成的设置：

1、第一步选择自己喜欢的QQ外观，在线状态右边的图指的是你要设置的QQ在线的时候显示的图，离线状态右边的图指的是你要设置的QQ处于离线状态博客页面显示的图，我选择风格三，如下图所示：



2、 在第二步的设置中输入我的QQ号，博客地址，图片旁边的留言可以不写（到时候可以在博客里写），会话权限也可以不勾选，如下图所示：



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



此时网页弹出一个对话框，填写自己的QQ密码和验证码，如下图所示：



点击“登陆”按钮，随即出现了QQ612666666的网页代码，如下图红色方框，则点击右上角“复制代码”：



至此，已经获取了QQ的在线代码，现在开始到51cto博客里去设置了。

二、51cto博客生成QQ

1、在博客文章中生成QQ，获取可视状态QQ图标。

发表一篇博文，因为此文没有什么意义，建议不显示在博客首页，只显示在自己的博客，如下图：



将刚才生成的QQ代码复制下来，放到编辑器里，但是需要特别主要的是，要点击“源码”模式，这段代码才能顺利生成，如下图所示：



点击快速提交，博文发表成功，此时可以查看刚刚发表的这篇文章，正文就是QQ图标了，如下图：



2、将QQ在线显示在博客显著位置

1）增加博客自定义模块：点击个人博客左上角“编辑/浏览”中的“编辑”按钮，进入个人博客的首页编辑状态，在博客菜单栏点击“增加模块”按钮，在出现的长方形菜单框里点击“自定义区”，在出现的“自定义链接”“自定义区块”中点击“自定义区块”，如下图：



自定义区块默认地出现在博客页面的左上角，点击“编辑”，如下图：



进入自定义区块的编辑页面，我定义标题为“Hi~”，正文内容我编辑“51cto博客，有你更有力量！”，如下图：



2）自定义区块显示QQ在线图标
打开刚刚发表的那篇博文，在生成的QQ图标上面右击复制，如下图所示：



然后粘贴到上图自定义区块编辑面板，如下图：



点击“提交”，可以看到自定义区板块已经生成了QQ，如下图：



把模块移到最显著地位置（我移到博客的最中央），这样博客里面添加QQ在线生成已经成功。

三、后续事项：

1、来试验一下效果，注意要开一个和这个QQ不一样的QQ（自己和自己不能聊天），我刚刚设定的是612666666，现在我只开着1141613622这个号，那么我直接点击QQ那个按钮，出现了和612666666这个QQ的临时会话框，可以在未加他为好友的情况下和他对话了。如下图：



2、接下来咱们要清理一下啦，将刚才那篇只为生成QQ图标的博文删掉，删掉它不会影响QQ的效果。

四、未尽事宜：
大家看到我的msn也挂上去了，是的，你如果点击我的msn链接，也可以直接给我的msn留言，不过时间太晚了，休息，休息一会儿~

五、不吃辣椒不是真革命：

毛主席语录——

“你们是早上八九点钟的太阳，世界是我们的，也是你们的，但终归是你们的。”

“你办事，我放心”

“我们都是来自五湖四海，为了一个共同的革命目标，走到一起来了。”



（伟大领袖毛主席的身后依次是朱德、周恩来、邓小平、江泽民。。。。。。）

本文出自 “博客管家一休” 博客，请务必保留此出处/article/4413628.html本文出自 51CTO.COM技术博客