GTalk Chatback - 拉近訪客的距離
記得很久之前就看過 MSN 有個小按鈕 (Button) 可以放在 Blog (或一般個人網站) 上,讓訪客知道作者是否在線上,並透過它達到即時溝通的效果,簡略了得先加入好友才可對話的步驟,也相對提昇些安全性。
1. 登入 Google Talk Chatback。
2. 填入基本資料。
3. 選擇種類。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi67mTFHpiYrMLZwVhU-IrCuwqi90L9BEQmEF3zNg35ccxrKMTtv3Pk7Au3XC3ioX2ceEcTtvi84-LhjQfggw3efxzZHzahH59v3z3hvHoQyTcBIgD_e5Pby-jjxcswE3-rSa_JxuYY8Zg/s320/Standard.png)
3.1. Standard ★
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFUtyyAdy9Dk7bDm-Na_AOT54WpAcymiqkxOQYsxnQWJ92m3J9iuU0RaGg99zSeKs72rwJ2NFAViHsG5xxFj91bJDnulguduWuQgVS1utYzdiTFfgBGVw1R3gQ_R6NygHHbTCHslUznxM/s320/One_line_basic.png)
3.2. One line basic
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHbY0KV-IUoXMtF-bBnqinZ9Dck2-rHhpTN7TU0sebbYnlNBNjsPfGnDmH3wVaGQ6rRI3aNrFuLkQveGZMzHBRtBm4nzrXLOrbwsrRX4smCso6WRysK0xI1ZloYWqeApd-7vZjd0-i5C8/s320/Two_line_basic.png)
3.3. Two line basic
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gei3zoZ3gI_Vku6Ot-YiRVEVIHZ5hqkq9_ZZvINL9atO-iw135KSxzhvscmxaUpU8Mh-iZvn9bAetB9CZtoWH1GzIXsDXZ6fyiL2yiLCVCQzJmruizzYJJ9gUv4d1GC1XUSERq0kjk0/s320/Hyperlink_and_status+icon_%28no_frame%29.png)
Hyperlink and status icon (no frame)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiClvmvDnrl0KhJHtg0xpbxeeVFa7iF2MIqGxlqfY6PJcDZ68YbvHyUYn_Y8Hm8g7lg6UxtrgifMVmc3kpb6azkjmUGtZehN2_Isw6P5QcitM4qVhcPt-LkmyslsZAgQQpD_9njE7s2kCg/s320/Hyperlink_only+%28no_frame%29.png)
3.4. Hyperlink only (no frame)
4. 最後請將 <ifrname src="..."></ifrname> 這段語法貼至 Blog,完成!
1. 登入 Google Talk Chatback。
2. 填入基本資料。
- Title:顯示名稱。
- Your nickname:暱稱。
- Style:風格,請參考以下圖示。
- Show your status message:是否顯示狀態。
3. 選擇種類。
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi67mTFHpiYrMLZwVhU-IrCuwqi90L9BEQmEF3zNg35ccxrKMTtv3Pk7Au3XC3ioX2ceEcTtvi84-LhjQfggw3efxzZHzahH59v3z3hvHoQyTcBIgD_e5Pby-jjxcswE3-rSa_JxuYY8Zg/s320/Standard.png)
3.1. Standard ★
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFUtyyAdy9Dk7bDm-Na_AOT54WpAcymiqkxOQYsxnQWJ92m3J9iuU0RaGg99zSeKs72rwJ2NFAViHsG5xxFj91bJDnulguduWuQgVS1utYzdiTFfgBGVw1R3gQ_R6NygHHbTCHslUznxM/s320/One_line_basic.png)
3.2. One line basic
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHbY0KV-IUoXMtF-bBnqinZ9Dck2-rHhpTN7TU0sebbYnlNBNjsPfGnDmH3wVaGQ6rRI3aNrFuLkQveGZMzHBRtBm4nzrXLOrbwsrRX4smCso6WRysK0xI1ZloYWqeApd-7vZjd0-i5C8/s320/Two_line_basic.png)
3.3. Two line basic
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gei3zoZ3gI_Vku6Ot-YiRVEVIHZ5hqkq9_ZZvINL9atO-iw135KSxzhvscmxaUpU8Mh-iZvn9bAetB9CZtoWH1GzIXsDXZ6fyiL2yiLCVCQzJmruizzYJJ9gUv4d1GC1XUSERq0kjk0/s320/Hyperlink_and_status+icon_%28no_frame%29.png)
Hyperlink and status icon (no frame)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiClvmvDnrl0KhJHtg0xpbxeeVFa7iF2MIqGxlqfY6PJcDZ68YbvHyUYn_Y8Hm8g7lg6UxtrgifMVmc3kpb6azkjmUGtZehN2_Isw6P5QcitM4qVhcPt-LkmyslsZAgQQpD_9njE7s2kCg/s320/Hyperlink_only+%28no_frame%29.png)
3.4. Hyperlink only (no frame)
4. 最後請將 <ifrname src="..."></ifrname> 這段語法貼至 Blog,完成!
資料來源:
★WordPress | Google Talk Widget
留言
張貼留言
喜歡這篇文章嗎?歡迎在底下留言讓凍仁知道。😉