0.PNG

想在你的部落格上架設簡易的線上即時聊天室嗎?
只要透過ShoutMix所提供的線上即時聊天室widget,就可以輕易地辦到喔!
讓我們趕快來看看怎麼安裝、使用ShoutMix線上即時聊天室吧~~ ^_____^

 

申請一個ShoutMix帳號

要使用ShoutMix所提供的線上即時聊天室前,必須先去申請一個ShoutMix帳號喔~~

請按我申請ShoutMix帳號

 

ShoutMix線上即時聊天室widget搶先看

這個就是I.P. zoneShoutMix線上即時聊天室:


ShoutMix chat widget

大家可以自己先玩玩看~等大家把ShoutMix聊天室插件的程式碼安裝到部落格上之後,大概就會像這個樣子~~非常方便又好玩吧~~ ^_____^

 

設定ShoutMix聊天室的樣式

當大家申請完帳號~就可以登入ShoutMix來設定你專屬的聊天室樣式囉~讓我們來看看要怎麼設定吧~~

進入ShoutMix的網站並登入,登入之後點選「Display」選單中的「Style & Colors」,就會進入設定聊天室樣式的頁面~大家可以在這邊自己設定你想要的聊天室樣式喔~~如果你不知道要怎麼設定,才會讓你的聊天室看起來很漂亮~你可以在設定頁面上的「Load from preset:」中選擇ShoutMix內建的聊天室樣式範本,只要在範本中挑一個你喜歡的樣式就可以囉~設定完後要記得按下「Save settings」喔~~ ^_____^

1.PNG 

2.PNG

3.PNG

 

設定ShoutMix聊天室的時區

選擇「Display」選單中的「Date & Time」,接著就會進入設定時區的頁面,如果你是在台灣,那就要選擇「Asia/Taipei」,時區必須要設定正確,你聊天室上的時間才會顯示正確的時間喔~另外在設定時區的下方還可以設定你聊天室上的時間格式,設定完後只要按下右下角的「Save settings」就設定完成囉~~ ^_____^

4.PNG 

5.PNG

 

設定ShoutMix聊天室的標籤

選擇「Display」選單中的「Labels」,接著就會進入設定聊天室標籤的頁面囉~

6.PNG

7.PNG 

在這邊你可以設定的標籤內容如下:

8.PNG 

9.PNG 

大家可以自行設定你想要的標籤文字,設定完後按下右下角的「Save settings」就設定完成囉~~ ^_____^

 

安裝ShoutMix聊天室

當你把ShoutMix聊天室的樣式、時區、標籤都設定好後,就可以點選「Quick Start」選單中的「Get codes」來取得ShoutMix的程式碼,在取得ShoutMix程式碼的頁面中還可以設定ShoutMix聊天室的長和寬喔~~

10.PNG 

11.PNG 

接著只要複製ShoutMix聊天室的程式碼,貼到你的部落格上,你的ShoutMix聊天室就安裝完成囉~~ ^_____^

12.PNG 

安裝好後就像這樣:

13.PNG 

 

ShoutMix聊天室使用教學

以管理員的身分登入ShoutMix聊天室

點選ShoutMix聊天室右上方的「Ω」,就可以進入管理員登入的畫面,接者只要輸入你的ShoutMix密碼就可以登入囉~~

14.PNG 

15.PNG 

16.PNG 

管理員在ShoutMix聊天室發言的下方會多出一個橫條,表示你是這個聊天室的管理員,就像這樣:

17.PNG 

 

ShoutMix聊天室中插入表情圖案

只要點選ShoutMix聊天室右下方的「+」,就可以看到許多可愛又逗趣的表情圖案,只要在這邊選擇你想要插入的表情圖案就可以囉~大家可以自己玩玩看~~

 18.PNG

19.PNG 

20.PNG 

21.PNG 

 

ShoutMix聊天室中貼上超連結

要在ShoutMix聊天室中貼上超連結,只要在你輸入的訊息中打上網址,然後再網址的前後各加一個“空白鍵”,訊息送出之後自然就會變成一個超連結囉~~

 22.PNG

23.PNG 

 

 

全站熱搜

I.P. zoner 發表在 痞客邦 留言(26) 人氣()