WEB开发网
开发学院软件教学联络聊天 实时聊天!把QQ,雅虎通添加到博客 阅读

实时聊天!把QQ,雅虎通添加到博客

 2008-02-19 09:11:53 来源:WEB开发网   
核心提示:自己建立了一个网站,很想和一些访问者实现互动交流,实时聊天!把QQ,雅虎通添加到博客,可是没机会,其实,此时你的雅虎通必须为在线状态,如果关闭了雅虎通,我们可以通过一些聊天软件来实现,如我们熟悉的QQ和雅虎通就可以

自己建立了一个网站,很想和一些访问者实现互动交流,可是没机会。其实,我们可以通过一些聊天软件来实现,如我们熟悉的QQ和雅虎通就可以,下面我们就来介绍一下怎么样实现。

把QQ添加在网站

首先我们登陆QQ,在QQ面板上点击“菜单—设置—个人设置”,在弹出的“设置”窗口中点击下面的“生成在线状态”链接(如图1)。

实时聊天!把QQ,雅虎通添加到博客

图1 QQ中生成在线状态

这时会弹出一个网页,里面有十几种风格样式,选择一个自己喜欢的就可以了,选好后下面输入你的QQ号码、网站名称等内容,然后点击“生成网页代码”按钮就可以了(如图2)。

实时聊天!把QQ,雅虎通添加到博客

图2 生成网页代码

现在我们把生成的复制到剪贴板中,再打开你的网站,比如我们想放在新浪博客中,那只要登陆网站后台,可以进入文章发布页面,在编辑文章栏中切换到“源代码”模式,把前面生成的代码粘贴进去,这样你的在线状态就可以显示在网站中了,或者我们通过新浪网站的面板功能,在首页侧边建立一个新的面板,把源代码复制到面板中就可以了(如图3)。

实时聊天!把QQ,雅虎通添加到博客

图3 网站中的在线互动聊天

把雅虎通添加到网站

除了QQ,我们还可以通过雅虎通来实现上面的功能。首先我们要有一个雅虎通的帐号,如果没有帐号就注册一个,接着登录“雅虎通PingMe”网站(地址),点击网页上的“开始申请”按钮,在弹出的页面中输入申请的雅虎邮箱地址,并选择申请目的为“Blog”,点击“完成”按钮(如图4)。

实时聊天!把QQ,雅虎通添加到博客

图4 申请代码

此时就会生成“PingMe图标代码”,点击“复制PingMe代码”按钮就会将代码复制到剪贴板上,接着登录网站,以源代码的模式发布文章就可以看见雅虎通的PingMe的图标了(如图5)。

实时聊天!把QQ,雅虎通添加到博客

图5 获取代码

这样在网站页面上出现PingMe的图标,这样别人只要在你的网站直接点击该图标,就可以弹出一个交流窗口和你进行交流,此时你的雅虎通必须为在线状态,如果关闭了雅虎通,别人的消息就无法发送了(如图6)。

实时聊天!把QQ,雅虎通添加到博客

图6 雅虎通在线互动效果

Tags:实时 聊天 QQ

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接