首先介紹怎樣製作QQ線上客服程式碼:

線上狀態”是騰訊公司提供的一種快速溝通服務，該服務可以讓您在不加好友的情況下和域中的朋友發起臨時會話。這個程式碼需要登入http://wp.qq.com，進行一些的設定，然後將生成的程式碼嵌入至您網頁上對應的頁面程式碼中。

　　程式碼如下：

<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:12345678:41" alt="點選這裡給我發訊息" title="點選這裡給我發訊息"></a>

    按實際情況把12345678替換為你的QQ號碼即可。

下面是一款設計好了樣式的客服外掛，形式如下:

1. <linkhref="css/kefu.css-v=1.css"rel="stylesheet"type="text/css" />
2. <divid="kefu1">
3.                 <divclass="cs_close">
4.                     <ahref="javascript:;"onClick="kefu1.style.display = 'none'"><span>關閉
   </span>
5.                     </a>
6.                 </div>
7.                 <divclass="cs_tel"></div>
8.                 <divclass="cs_tel_ct">
9.                     <spanclass="cs_tel_num">4007889299</span> 工作日:上午8:30-12:00<br/>
10.                     工作日:下午13:30-17:30<
    br/>
11.                 </div>
12.                 <divclass="cs_spr"></div>
13.                 <divclass="cs_online"></div>
14.                 <divclass="cs_online_ct">
15.                     <divclass="cs_online_qq">
16.                 <atarget="_blank"
17.                             href="http://wpa.qq.com/msgrd?v=3&uin=1648104226&site=qq&menu=yes"><img
18.                             border="0"src="http://wpa.qq.com/pa?p=2:1648104226:41"
19.                             alt="QQ客服1"title="QQ客服1">
20.                         </a>
21.                     </div>
22.                     <divclass="cs_online_qq">
23.                         <atarget="_blank"
24.                             href="http://wpa.qq.com/msgrd?v=3&uin=727091913&site=qq&menu=yes"><img
25.                             border="0"src="http://wpa.qq.com/pa?p=2:727091913:41"
26.                             alt="QQ客服2"title="QQ客服2">
27.                         </a>
28.                     </div>
29.                     <divclass="cs_online_qq">
30.                         <atarget="_blank"
31.                             href="http://wpa.qq.com/msgrd?v=3&uin=29633131&site=qq&menu=yes"><img
32.                             border="0"src="http://wpa.qq.com/pa?p=2:29633131:41"
33.                             alt="QQ客服3"title="QQ客服3">
34.                         </a>
35.                     </div>
36.                 </div>
37.                 <divclass="cs_qcode">
38.                     <ahref="javascript:void(0)"target="_blank"><img
39.                         src="images/code.jpg"width="120"height="120"title="用手機微信掃一掃"/>
40.                     </a>
41.                 </div>
42.                 <spanclass="cs_tel_ct"> 掃描二維碼訪問手機端</span>
43. </div>