首先在主頁面內容的最後面添加一個div

<!--QQ客服代碼-->
        <style type="text/css">
            .qqkefu{ position: fixed; top: 30%; right: 0px; width:114px;height: 182px;}
        </style>
        
          <div class="qqkefu">
              <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=406762725&amp;site=qq&amp;menu=yes"
 
><img src="images/qqjiaotan.png"/>
              </a>        
          </div>
<!--QQ客服代碼結束-->

在FTP裏面進行修改添加內容時：

　　在FTP中，htdocs是文件的根目錄。

　　註意： 在添加客服圖片時，應該在根目錄下也就是htdocs文件夾下新建一個images可以儲存圖片的文件夾。

在寫調用路徑的時候因為是在FTP上修改的，所以前面的文件路徑不用寫./ 直接寫images文件夾然後在寫後面的路徑。

調整對話客服的鏈接位置時，可以在剛添加的<div></div>上面直接使用<style></style>的內聯樣式來控制div在網頁顯示的位置。

待添加上了這個鏈接客服的圖片的時候，先去顯示網頁裏面查看元素查出剛添加的這個圖片的寬度和高度 再使用內聯樣式把它設定成寬度和高度相同的圖片，如果不設置，那麽就默認的這個

圖片的設置寬為百分之百。就有可能出位置的不理想

原理就是：

　　添加一個div在裏面包含著一個a標簽，a標簽裏面包含著<img>標簽。

　　跳轉到與人QQ聊天的界面使用的時固定的方法 其代碼是

  <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=406762725&amp;site=qq&amp;menu=yes"
 
>
　　　　<img src="images/qqjiaotan.png"/>
  </a>        

其中uin裏面那一串數字寫要跳轉到與那人要聊天的那人的QQ號碼。（以後再想再實現此功能可以直接粘貼復制再修改）。

在主頁面添加個qq客服實現當點擊圖片時可以與指定QQ號的人進行聊天