本文出自http://yixiu.blog.51cto.com/  博客管家一休
 
教你如何在自己的博客页面生成QQ直接聊天_休闲
 
 
这种方式的好处是:博友可以在无须加你为好友的时候就可以进行临时对话,让你的沟通更加方便和随意。
 
应部分博友的要求,也为了推广这种便利给大家,我实例介绍一下QQ在线的实现方法:
、获取你的QQ的在线代码。进入腾讯互动状态代码生成页面[url]http://imis.qq.com/webpresence/code.shtml[/url],开始生成的设置:
 
1、第一步选择自己喜欢的QQ外观,在线状态右边的图指的是你要设置的QQ在线的时候显示的图,离线状态右边的图指的是你要设置的QQ处于离线状态博客页面显示的图,我选择风格三,如下图所示:
教你如何在自己的博客页面生成QQ直接聊天_休闲_02 
 
2、  在第二步的设置中输入我的QQ号,博客地址,图片旁边的留言可以不写(到时候可以在博客里写),会话权限也可以不勾选,如下图所示:
教你如何在自己的博客页面生成QQ直接聊天_职场_03 
 
3、第三步点击“生成网页代码”按钮,如下图:
教你如何在自己的博客页面生成QQ直接聊天_休闲_04 
 
此时网页弹出一个对话框,填写自己的QQ密码和验证码,如下图所示:
教你如何在自己的博客页面生成QQ直接聊天_休闲_05 
 
点击“登陆”按钮,随即出现了QQ612666666的网页代码,如下图红色方框,则点击右上角“复制代码”:
教你如何在自己的博客页面生成QQ直接聊天_职场_06
 
至此,已经获取了QQ的在线代码,现在开始到51cto博客里去设置了。
 
 
二、51cto博客生成QQ
 
1、在博客文章中生成QQ,获取可视状态QQ图标。
 
发表一篇博文,因为此文没有什么意义,建议不显示在博客首页,只显示在自己的博客,如下图:
教你如何在自己的博客页面生成QQ直接聊天_职场_07
 
将刚才生成的QQ代码复制下来,放到编辑器里,但是需要特别主要的是,要点击“源码”模式,这段代码才能顺利生成,如下图所示:
教你如何在自己的博客页面生成QQ直接聊天_休闲_08 
 
 点击快速提交,博文发表成功,此时可以查看刚刚发表的这篇文章,正文就是QQ图标了,如下图:
教你如何在自己的博客页面生成QQ直接聊天_休闲_09
 
2、将QQ在线显示在博客显著位置
 
1)增加博客自定义模块:点击个人博客左上角“编辑/浏览”中的“编辑”按钮,进入个人博客的首页编辑状态,在博客菜单栏点击“增加模块”按钮,在出现的长方形菜单框里点击“自定义区”,在出现的“自定义链接”“自定义区块”中点击“自定义区块”,如下图:
教你如何在自己的博客页面生成QQ直接聊天_休闲_10 
 
自定义区块默认地出现在博客页面的左上角,点击“编辑”,如下图:
教你如何在自己的博客页面生成QQ直接聊天_休闲_11
 
 
进入自定义区块的编辑页面,我定义标题为“Hi~”,正文内容我编辑“51cto博客,有你更有力量”,如下图:
教你如何在自己的博客页面生成QQ直接聊天_休闲_12
 
2)自定义区块显示QQ在线图标
打开刚刚发表的那篇博文,在生成的QQ图标上面右击复制,如下图所示:
教你如何在自己的博客页面生成QQ直接聊天_职场_13  
 
然后粘贴到上图自定义区块编辑面板,如下图:
教你如何在自己的博客页面生成QQ直接聊天_休闲_14
 
点击“提交”,可以看到自定义区板块已经生成了QQ,如下图:
教你如何在自己的博客页面生成QQ直接聊天_职场_15 
 
把模块移到最显著地位置(我移到博客的最中央),这样博客里面添加QQ在线生成已经成功。
 
三、后续事项:
 
1、来试验一下效果,注意要开一个和这个QQ不一样的QQ(自己和自己不能聊天),我刚刚设定的是612666666,现在我只开着1141613622这个号,那么我直接点击QQ那个按钮,出现了和612666666这个QQ的临时会话框,可以在未加他为好友的情况下和他对话了。如下图:
教你如何在自己的博客页面生成QQ直接聊天_职场_16 
 
2、接下来咱们要清理一下啦,将刚才那篇只为生成QQ图标的博文删掉,删掉它不会影响QQ的效果。
 
四、未尽事宜:
大家看到我的msn也挂上去了,是的,你如果点击我的msn链接,也可以直接给我的msn留言,不过时间太晚了,休息,休息一会儿~
 
五、不吃辣椒不是真革命:
 
毛主席语录——
 
“你们是早上八九点钟的太阳,世界是我们的,也是你们的,但终归是你们的。”
 
“你办事,我放心”
 
“我们都是来自五湖四海,为了一个共同的革命目标,走到一起来了。”
 教你如何在自己的博客页面生成QQ直接聊天_职场_17
 (伟大领袖毛主席的身后依次是×××、×××、×××、×××。。。。。。)