QQ官方网站提供有四种样式的在线客服代码选择，http://bizapp.qq.com/webpres.htm 是这网址。
第一步，选择在线状态图片风格，这里有四种，选择你喜欢的一种就行了。
第二步，填写您的相关信息， 写上QQ号码，再写上网站名称
第三步，点击“生成代码”按钮生成你所需要的代码，这些代码的作用是显示您的在线状态的图标，并允许任何人向您发起临时会话
第四步，将您生成的代码粘贴到网页或论坛中即可拥有自己的“QQ在线状态客服”
QQ在线状态客服安装好了后，还要打开客服功能才能正常使用，陌生人才能点击和你聊天，要不然，会提示添加为QQ好友，或是没有开启这个功能。
http://wp.qq.com/ 这是在线状态设置网址，登录进去，可以打开关闭你QQ的在线客服功能。

以下是QQ客服图标样式。

风格1： 

风格2： 

风格3： 

风格4： 

风格5： 

风格6： 

风格7： 

风格8： 

风格9： 

风格10： 

风格11： 

风格12： 

风格13： 

风格14： 

风格15： 

风格16： 

风格17： 

风格18： 

风格19： 

风格20： 

风格21： 

风格22： 

风格23： 

风格24： 

风格25： 

风格26： 

风格27： 

风格28： 

风格29： 

风格30： 

风格31：