教你如何在自己的博客页面生成QQ直接聊天
转载本文出自http://yixiu.blog.51cto.com/ 博客管家一休
这种方式的好处是:博友可以在无须加你为好友的时候就可以进行临时对话,让你的沟通更加方便和随意。
应部分博友的要求,也为了推广这种便利给大家,我实例介绍一下QQ在线的实现方法:
1、第一步选择自己喜欢的QQ外观,在线状态右边的图指的是你要设置的QQ在线的时候显示的图,离线状态右边的图指的是你要设置的QQ处于离线状态博客页面显示的图,我选择风格三,如下图所示:
2、 在第二步的设置中输入我的QQ号,博客地址,图片旁边的留言可以不写(到时候可以在博客里写),会话权限也可以不勾选,如下图所示:
3、第三步点击“生成网页代码”按钮,如下图:
此时网页弹出一个对话框,填写自己的QQ密码和验证码,如下图所示:
点击“登陆”按钮,随即出现了QQ612666666的网页代码,如下图红色方框,则点击右上角“复制代码”:
至此,已经获取了QQ的在线代码,现在开始到51cto博客里去设置了。
二、51cto博客生成QQ
1、在博客文章中生成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留言,不过时间太晚了,休息,休息一会儿~
五、不吃辣椒不是真革命:
毛主席语录——
“你们是早上八九点钟的太阳,世界是我们的,也是你们的,但终归是你们的。”
“你办事,我放心”
“我们都是来自五湖四海,为了一个共同的革命目标,走到一起来了。”
下一篇:电脑蓝屏含义查询
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
教你如何去除电脑QQ聊天窗口上的广告?
图: 按下回车后,...
广告 QQ聊天窗口 经验技术 技巧 自动下载 -
android QQ 聊天页面 手机qq聊天页面
QQ聊天界面实现效果如下: 实现过程: 1、首先实现基本界面 头像使用 UIImageView : 文字消息使用 UIButton 标签使用 UILable :水平居中  
android QQ 聊天页面 移动开发 ide #import Time