免费分享一个QQ在线客服（插件区在出售）

先上图吧，觉得好看往下看。演示网址 http://www.51jiachu.com

插件区看见有出售的一模一样，其实网上很容易下到这个东西，插件我是不会做，但是也可以有方法来实现，懒得手动的不用看

先上附件

安装教程
1.在根目录创建个文件夹命名为kefu（示例而已，名字自己定），把css images js三个文件夹复制进去
2.把index.html里的如下代码复制到template\default\common\footer.htm(用模板的自己改路径)里的<!--{hook/global_footer}-->上面
<LINK rel=stylesheet type=text/css href="kefu/css/common.css">
<SCRIPT type=text/javascript src="kefu/js/jquery.js"></SCRIPT>
<SCRIPT type=text/javascript src="kefu/js/kefu.js"></SCRIPT>
<DIV id=floatTools class=float0831>
  <DIV class=floatL><A style="DISPLAY: none" id=aFloatTools_Show class=btnOpen
title="查看在线客服"
onclick="javascript('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show();kf_setCookie('RightFloatShown', 0, '', '/', 'bbs.yeacome.com'); });$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');"
href="javascript:void(0);">展开</A> <A id=aFloatTools_Hide class=btnCtn
title="关闭在线客服"
onclick="javascript('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide();kf_setCookie('RightFloatShown', 1, '', '/', 'bbs.yeacome.com'); });$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');"
href="javascript:void(0);">收缩</A> </DIV>
  <DIV id=divFloatToolsView class=floatR>
    <DIV class=tp></DIV>
    <DIV class=cn>
      <UL>
        <LI class=top>
          <H3 class=titZx>QQ咨询</H3>
        </LI>
        <LI><SPAN class=icoZx>在线咨询</SPAN> </LI>
        <LI><A class=icoTc target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=000000&site=qq&menu=yes">私家厨师网</a> </LI>
        <LI><A class=icoTc target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=000000&site=qq&menu=yes">私家厨师网</A> </LI>
        <LI><A class=icoTc target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=000000&site=qq&menu=yes">私家厨师网</A> </LI>
        <LI class=bot><A class=icoTc target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=000000&site=qq&menu=yes">私家厨师网</A> </LI>
      </UL>
      <UL class=webZx>
        <LI class=webZx-in><A href="http://www.51jiachu.com" target="_blank" style="FLOAT: left"><IMG src="kefu/images/right_float_web.png" border="0px"></A> </LI>
      </UL>
      <UL>
        <LI>
          <H3 class=titDh>电话咨询</H3>
        </LI>
        <LI><SPAN class=icoTl>400-000-0000</SPAN> </LI>
        <LI class=bot>
          <H3 class=titDc><A href="http://www.51jiachu.com" target="_blank">新版调查</A></H3>
        </LI>
      </UL>
    </DIV>
  </DIV>
</DIV>

3.以上代码红颜色的部分是修改加载文件和图片的路径的，跟index.html里的不一样，一定要修改。紫色部分修改为自己的信息
4.刷新页面就成了

觉得能用到的赞个吧{:soso__10971162327030427662_1:}

刚发现个BUG，footer.htm加入代码以后DIY功能用不了，有高手了帮忙解决下

可以收藏

修改起来比较麻烦啊

这个我有了

www.9zan.com 路过本地！~

强大，支持

谁能解决一下DIY的问题

{:soso_e387:}           修改起来比较麻烦啊