把QQ,雅虎通新增到部落格 實時聊天

自己建立了一個網站,很想和一些訪問者實現互動交流,可是沒機會。其實,我們可以通過一些聊天軟體來實現,如我們熟悉的QQ和雅虎通就可以,下面我們就來介紹一下怎麼樣實現。

把QQ新增在網站

首先我們登陸QQ,在QQ面板上點選“選單—設定—個人設定”,在彈出的“設定”視窗中點選下面的“生成線上狀態”連結(如圖1)。

把QQ,雅虎通新增到部落格 實時聊天

圖1 QQ中生成線上狀態

這時會彈出一個網頁,裡面有十幾種風格樣式,選擇一個自己喜歡的就可以了,選好後下面輸入你的QQ號碼、網站名稱等內容,然後點選“生成網頁程式碼”按鈕就可以了(如圖2)。

把QQ,雅虎通新增到部落格 實時聊天 第2張

圖2 生成網頁程式碼

現在我們把生成的複製到剪貼簿中,再開啟你的網站,比如我們想放在新浪部落格中,那隻要登陸網站後臺,可以進入文章釋出頁面,在編輯文章欄中切換到“原始碼”模式,把前面生成的程式碼貼上進去,這樣你的線上狀態就可以顯示在網站中了,或者我們通過新浪網站的面板功能,在首頁側邊建立一個新的面板,把原始碼複製到面板中就可以了(如圖3)。

把QQ,雅虎通新增到部落格 實時聊天 第3張

圖3 網站中的線上互動聊天

把雅虎通新增到網站

除了QQ,我們還可以通過雅虎通來實現上面的功能。首先我們要有一個雅虎通的帳號,如果沒有帳號就註冊一個,接著登入“雅虎通PingMe”網站(地址),點選網頁上的“開始申請”按鈕,在彈出的頁面中輸入申請的雅虎郵箱地址,並選擇申請目的為“Blog”,點選“完成”按鈕(如圖4)。

把QQ,雅虎通新增到部落格 實時聊天 第4張

圖4 申請程式碼

此時就會生成“PingMe圖示程式碼”,點選“複製PingMe程式碼”按鈕就會將程式碼複製到剪貼簿上,接著登入網站,以原始碼的模式釋出文章就可以看見雅虎通的PingMe的圖示了(如圖5)。

把QQ,雅虎通新增到部落格 實時聊天 第5張

圖5 獲取程式碼

這樣在網站頁面上出現PingMe的圖示,這樣別人只要在你的網站直接點選該圖示,就可以彈出一個交流視窗和你進行交流,此時你的雅虎通必須為線上狀態,如果關閉了雅虎通,別人的訊息就無法傳送了(如圖6)。

圖6 雅虎通線上互動效果