想在你的部落格上架設簡易的線上即時聊天室嗎?
只要透過ShoutMix所提供的線上即時聊天室widget,就可以輕易地辦到喔!
讓我們趕快來看看怎麼安裝、使用ShoutMix線上即時聊天室吧~~ ^_____^
申請一個ShoutMix帳號
要使用ShoutMix所提供的線上即時聊天室前,必須先去申請一個ShoutMix帳號喔~~
ShoutMix線上即時聊天室widget搶先看
這個就是I.P. zone的ShoutMix線上即時聊天室:
View shoutbox
ShoutMix chat widget
大家可以自己先玩玩看~等大家把ShoutMix聊天室插件的程式碼安裝到部落格上之後,大概就會像這個樣子~~非常方便又好玩吧~~ ^_____^
設定ShoutMix聊天室的樣式
當大家申請完帳號~就可以登入ShoutMix來設定你專屬的聊天室樣式囉~讓我們來看看要怎麼設定吧~~
進入ShoutMix的網站並登入,登入之後點選「Display」選單中的「Style & Colors」,就會進入設定聊天室樣式的頁面~大家可以在這邊自己設定你想要的聊天室樣式喔~~如果你不知道要怎麼設定,才會讓你的聊天室看起來很漂亮~你可以在設定頁面上的「Load from preset:」中選擇ShoutMix內建的聊天室樣式範本,只要在範本中挑一個你喜歡的樣式就可以囉~設定完後要記得按下「Save settings」喔~~ ^_____^
設定ShoutMix聊天室的時區
選擇「Display」選單中的「Date & Time」,接著就會進入設定時區的頁面,如果你是在台灣,那就要選擇「Asia/Taipei」,時區必須要設定正確,你聊天室上的時間才會顯示正確的時間喔~另外在設定時區的下方還可以設定你聊天室上的時間格式,設定完後只要按下右下角的「Save settings」就設定完成囉~~ ^_____^
設定ShoutMix聊天室的標籤
選擇「Display」選單中的「Labels」,接著就會進入設定聊天室標籤的頁面囉~
在這邊你可以設定的標籤內容如下:
大家可以自行設定你想要的標籤文字,設定完後按下右下角的「Save settings」就設定完成囉~~ ^_____^
安裝ShoutMix聊天室
當你把ShoutMix聊天室的樣式、時區、標籤都設定好後,就可以點選「Quick Start」選單中的「Get codes」來取得ShoutMix的程式碼,在取得ShoutMix程式碼的頁面中還可以設定ShoutMix聊天室的長和寬喔~~
接著只要複製ShoutMix聊天室的程式碼,貼到你的部落格上,你的ShoutMix聊天室就安裝完成囉~~ ^_____^
安裝好後就像這樣:
ShoutMix聊天室使用教學
以管理員的身分登入ShoutMix聊天室
點選ShoutMix聊天室右上方的「Ω」,就可以進入管理員登入的畫面,接者只要輸入你的ShoutMix密碼就可以登入囉~~
管理員在ShoutMix聊天室發言的下方會多出一個橫條,表示你是這個聊天室的管理員,就像這樣:
在ShoutMix聊天室中插入表情圖案
只要點選ShoutMix聊天室右下方的「+」,就可以看到許多可愛又逗趣的表情圖案,只要在這邊選擇你想要插入的表情圖案就可以囉~大家可以自己玩玩看~~
在ShoutMix聊天室中貼上超連結
要在ShoutMix聊天室中貼上超連結,只要在你輸入的訊息中打上網址,然後再網址的前後各加一個“空白鍵”,訊息送出之後自然就會變成一個超連結囉~~

佶也家... 目前沒空間 來放這個喔 還好有大廳 可跟大家聊
哈哈~~ 佶也之後可以考慮放這個~~ 很好玩的喔~~ ^_____^
阿摩也裝了~ 有閒來坐:D
哈哈~~ 有空我會多去阿摩那邊聊聊的~~ ^_____^
真詳細...我都沒有做錯咧...呵 我也裝了
哈哈~~ 很開心你順利地裝了ShoutMix聊天室~~ ^_____^
紐西蘭美女昨天才裝上, 今天就看到這篇使用教學, 文章寫的很詳細喔, 謝謝分享^^ 歡迎大家來聊天^o^
哈哈~~ 很開心這篇教學有幫助到美女喔~~ ^_____^
真的寫的很詳細唷! 給你拍拍手 寫好新版的軌道教學文記得通知我一聲~~ 其他人都還沒寫 我會特別另外引用你的 ^++++^
哈哈~~ 真的是太感謝天仙了~~ 我寫好新版教學文會特別到天仙的軌道留言的~~ ^_____^
哈哈~考完試又有空發新文了~寫得好詳細唷!
哈哈~~ 感謝Belito的推推囉~~ ^_____^
嗯!ip哥,這個不錯用耶,寫的很詳細,之前小蘋果的朋友是用cbox.....這個^^
喔喔~ cbox也是一個不錯用的聊天室widget~ 兩個都可以試試看~~ 很開心小蘋果喜歡我的分享~~ ^_____^
寫的很詳細, 推!
哈哈~~ 感謝你的推推喔~~ ^_____^
越來越多人 有這小玩意兒呢~~
恩恩~ 這玩意兒真的很好用呀~~ ^_____^
真的還不錯呢!! 艾瑪
哈哈~~ 真的很不錯~~ ^_____^
愛之前用過shoutmix,但是愛部落裡的widget太多了,而且格友們大部分都在軌道或文裡留言,沒辦法只好捨棄不用了XD!
哈哈~~ 沒關係~~ 只要愛喜歡就好~~ ^_____^
簡直詳細到有剩,誰看完之後還不會的可以去撞牆了~推囉~~
哈哈~~ 超感謝繪的推推和讚賞~~ ^_____^
有夠清楚的捏,謝謝喔^^
哈哈~~ 很開心小姐姐喜歡我的分享喔~~ ^_____^
寫得真清楚 但我怕裝了只會一個人在那自言自語....哈
哈哈~~ 應該不會吧~~ 至少可以讓你的blog多一個能讓你的blog訪客聊天的空間~~ ^_____^
XD 好玩 謝謝你的教學 我也已經辦好了^^
哈哈~~ 很開心你喜歡我的分享喔~~ ^_____^
不錯ㄟ 但我的blog點閱率很少 弄那個好像沒實質意義 呵 ~~
哈哈~~ 至少可以讓你的blog多了一個可以讓訪客聊天的空間呀~~ ^_____^
那我裝要繳費ㄇ 我沒錢....
哈哈~~ 當然是不用錢的囉~~ 如果要錢的話~~ 我一定會在文章中跟大家特別說明的~~ ^_____^
回樓上,這應該是免費的吧!!^^ 不過這套跟CBOX很像耶!! 不知道有哪裡不太一樣嗎?
恩恩~~ 這的確是免費的~~ 我還沒用過CBOX~~ 所以我也不知道這兩個聊天室widget有什麼不一樣~~ ^_____^
hello~ 怎麼.怎麼在yahoo的部落格貼上呀..不會>"<..請告訴我..謝謝!
Yahoo的部落格好像沒有支援javascript~~ 我不確定~~ 不過你可以試著把widget的程式碼複製貼上到你的側欄看看~~ 如果沒辦法使用那就沒辦法囉~~ 只能建議你搬家囉~~ 有什麼問題再跟我說~~ 我會盡量為你解答的!^_____^
說的好清楚~我是試過後一直無法完整,我想請問標籤部分有些不太清楚?會不會是標籤部分沒有 設定好呢 ?謝謝~
無名blog可以用嗎?
喔喔~~ ShoutMix聊天室的程式碼不是用javascript寫的~~ 我想應該是可以裝到無名上的~~ ^_____^
真是不錯的東西︿︿ 本來想再聊天室直接發問 還是先動手搜看看 就找到這來了︿︿ 講解的超仔細~感謝你
哈哈~~ 很開心我的這篇ShoutMix教學文有幫助到你喔~~ ^_____^
很詳細的教學 照著步驟輕輕鬆鬆就完成了OˇO 直接把此文用在BLOG的連結中 這東西真的很方便 其實Shoutmix在人少的時候可以當留言板來用XDD 感謝
真的太謝謝你了~ 寫的好詳細唷.. 對我幫助好大唷~~ 3Q
請問要如何將程式碼貼到想要放留言板的頁面上壓?
Thanks for the post. simon@ www.herbalifemalaysia2u.com