学做网站培训课程介绍

当前位置：

如何给网站添加QQ在线客服

以下为学做网站论坛关于“如何给网站添加QQ在线客服”讲解视频教程。

选择课程播放速度：

QQ客服在很多网站都很普通，它可以很方便的让浏览我们网站的用户通过QQ进行交流，不需要去查找QQ再加好友，只需要点一下QQ客服上的图标就可以直接发信息了。

一般网站添加QQ客服有二种方法：
1、通过第三种的代码添加QQ客服。【优点在于方法简单，一学就会。使用方法看这里：网站如何添加qq客服】
2、通过自己写网站HTML代码的方法来给网站添加QQ客服，也就是这节课要讲的内容。

先看下制作好的在线QQ客服效果图：qq

怎么给自己的网站添加这款比较漂亮的QQ客服呢，方法如下：

将下载QQ的JS文件和背景图片文件夹，上传到自己网站空间的根目录下。qq客服JS文件下载：QQ客服

复制以下的CSS代码放到自己网站的CSS文件中，用来控制QQ客服的样式和背景。

.qq{width:120px;}
.qq_t{width:120px;}
.qq_d{width:120px;}
.qq_bg{width:130px; background:url(/qqimages/qq03.png) repeat-y; padding:10px 0px 10px; overflow:hidden;}
.qq_bg ul{margin:0px; padding:0px;}
.qq_bg li{width:90px; height:26px; float:left; margin-left:20px; text-align:left; line-height:26px; background:url(/qqimages/qq04.png) no-repeat; display:inline; margin-bottom:5px;}
.qq_bg li a{color:#333;font-size:12px;text-decoration: none;}
.qq_bg li a:hover{color:#FF0000; text-decoration: underline; font-size:12px;}
.qq_bg li img{margin-top:4px; float:left; margin-left:10px; margin-right:5px;}

使用以下的JS特效代码来调用QQ客服，放在自己网站需要显示客服的页面代码的底部，一般是</body>标签的上方。（网站域名改成自己网站的网址）

<script language="javascript" type="text/javascript" src="http://网站域名/qq.js"></script>

通过Dreamweaver CS6破解版可以修改qq.js中的QQ号码为自己的QQ号码，这样QQ客服就完成了。

《“如何给网站添加QQ在线客服”》 有 8 条评论

  1. 学习建网站学员 网说道：
    2016年6月15日 上午9:17

    老师，你好!
    在网页中添加上客服以后，想修改上面的文字，为什么只能显示四个文字。
    例如：我在代码中把 业务咨询 改为 一二三四五 ，然后用浏览器打开网页却只把 业务咨询 改为了 一二三四 而 五 却显示不出来！

    回复
  2. 学做网站论坛讲师 学做网站讲师说道：
    2016年12月17日 上午1:06

    这是由于它的宽度限制，你写的文字长度已超过它的宽度自动被隐藏，可以在CSS文件中修改它的宽度值。

    回复
  3. 学习建网站学员 高潔说道：
    2018年4月23日 上午9:46

    爲什麽我弄的頁面屬性特别後提示會顯示亂碼

    回复
    • 学做网站论坛讲师 学做网站讲师说道：
      2018年4月23日 上午11:09

      修改HTML页面与qq.js的网页编码，二者编码必须相同。然后，清浏览器缓存或者使用其它浏览器进行查看。

      回复
  4. 学习建网站学员 快乐说道：
    2018年8月30日 上午11:43

    老师怎么么在网页上参加别的客服，不是QQ的

    回复
    • 学做网站论坛讲师 学做网站讲师说道：
      2018年8月31日 下午12:40

      方法是一样的，在JS中加入其它客服的代码即可

      回复
  5. 学习建网站学员 周梁一林说道：
    2019年5月6日 下午7:22

    老师，麻烦问一下，为什么我做之后，出现了乱码呢，请指导一下谢谢

    回复
    • 学做网站论坛讲师 学做网站讲师说道：
      2019年5月22日 下午8:45

      修改HTML页面与qq.js的网页编码，二者编码必须相同

      回复

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 网页如何添加背景音乐 视频教程附件下载 (1116997 次浏览)
    在上网过程中，有很多网站打开后会自动播放背景音乐，而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站，同样也可以给自己的网页添加背
  • 如何给网站添加QQ在线客服 视频教程附件下载 (1113023 次浏览)
    QQ客服在很多网站都很普通，它可以很方便的让浏览我们网站的用户通过QQ进行交流，不需要去查找QQ再加好友，只需要点一下QQ客服上的图标就可以直接发信
  • 网站如何添加各种QQ漂浮客服代码 (125088 次浏览)
    每个销售型的网站，都会在网站上挂着漂浮的在线客服，方便用户直接咨询。这个视频演示了目前网络上特别常见的2种在线客服的使用方法。方法一：
  • Wordpress网站如何添加在线投稿功能 图文教程附件下载 (129486 次浏览)
    我们自己建网站过程中，使用的很多程序是没有自带的投稿，发布页面，需要我们自己去做这样的页面，其实并不复杂，按照下面的步骤，你就可以在学做网站

课程目录