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 發表在 痞客邦 PIXNET 留言(26) 人氣()


留言列表 (26)

發表留言
  • 佶也
  • 佶也家...
    目前沒空間
    來放這個喔
    還好有大廳
    可跟大家聊
  • 哈哈~~
    佶也之後可以考慮放這個~~
    很好玩的喔~~ ^_____^

    I.P. zoner 於 2009/03/04 07:00 回覆

  • 阿摩西斯
  • 阿摩也裝了~
    有閒來坐:D
  • 哈哈~~
    有空我會多去阿摩那邊聊聊的~~ ^_____^

    I.P. zoner 於 2009/03/04 07:01 回覆

  • cch888
  • 真詳細...我都沒有做錯咧...呵
    我也裝了
  • 哈哈~~
    很開心你順利地裝了ShoutMix聊天室~~ ^_____^

    I.P. zoner 於 2009/03/04 07:05 回覆

  • 紐西蘭美女
  • 紐西蘭美女昨天才裝上,
    今天就看到這篇使用教學,
    文章寫的很詳細喔,
    謝謝分享^^
    歡迎大家來聊天^o^
  • 哈哈~~
    很開心這篇教學有幫助到美女喔~~ ^_____^

    I.P. zoner 於 2009/03/04 07:05 回覆

  • celestechien
  • 真的寫的很詳細唷!
    給你拍拍手
    寫好新版的軌道教學文記得通知我一聲~~
    其他人都還沒寫
    我會特別另外引用你的 ^++++^
  • 哈哈~~
    真的是太感謝天仙了~~
    我寫好新版教學文會特別到天仙的軌道留言的~~ ^_____^

    I.P. zoner 於 2009/03/04 08:31 回覆

  • Belito
  • 哈哈~考完試又有空發新文了~寫得好詳細唷!
  • 哈哈~~
    感謝Belito的推推囉~~ ^_____^

    I.P. zoner 於 2009/03/08 10:44 回覆

  • smarthan
  • 嗯!ip哥,這個不錯用耶,寫的很詳細,之前小蘋果的朋友是用cbox.....這個^^
  • 喔喔~
    cbox也是一個不錯用的聊天室widget~
    兩個都可以試試看~~
    很開心小蘋果喜歡我的分享~~ ^_____^

    I.P. zoner 於 2009/03/08 10:48 回覆

  • mimicats
  • 寫的很詳細, 推!
  • 哈哈~~
    感謝你的推推喔~~ ^_____^

    I.P. zoner 於 2009/03/08 10:51 回覆

  • 小咪
  • 越來越多人
    有這小玩意兒呢~~
  • 恩恩~
    這玩意兒真的很好用呀~~ ^_____^

    I.P. zoner 於 2009/03/08 10:57 回覆

  • emmaee
  • 真的還不錯呢!!

    艾瑪
  • 哈哈~~
    真的很不錯~~ ^_____^

    I.P. zoner 於 2009/03/08 11:03 回覆

  • 原來教養是愛這麼回事
  • 愛之前用過shoutmix,但是愛部落裡的widget太多了,而且格友們大部分都在軌道或文裡留言,沒辦法只好捨棄不用了XD!
  • 哈哈~~
    沒關係~~
    只要愛喜歡就好~~ ^_____^

    I.P. zoner 於 2009/03/08 11:05 回覆

  • 繪意記錄
  • 簡直詳細到有剩,誰看完之後還不會的可以去撞牆了~推囉~~
  • 哈哈~~
    超感謝繪的推推和讚賞~~ ^_____^

    I.P. zoner 於 2009/03/08 10:58 回覆

  • 小姐姐
  • 有夠清楚的捏,謝謝喔^^
  • 哈哈~~
    很開心小姐姐喜歡我的分享喔~~ ^_____^

    I.P. zoner 於 2009/03/08 11:06 回覆

  • jacy0413
  • 寫得真清楚
    但我怕裝了只會一個人在那自言自語....哈
  • 哈哈~~
    應該不會吧~~
    至少可以讓你的blog多一個能讓你的blog訪客聊天的空間~~ ^_____^

    I.P. zoner 於 2009/03/08 11:13 回覆

  • RIKEY
  • XD 好玩
    謝謝你的教學
    我也已經辦好了^^
  • 哈哈~~
    很開心你喜歡我的分享喔~~ ^_____^

    I.P. zoner 於 2009/03/09 09:33 回覆

  • DancingMapple
  • 不錯ㄟ 但我的blog點閱率很少 弄那個好像沒實質意義 呵 ~~
  • 哈哈~~
    至少可以讓你的blog多了一個可以讓訪客聊天的空間呀~~ ^_____^

    I.P. zoner 於 2009/03/09 09:35 回覆

  • ru8088
  • 那我裝要繳費ㄇ
    我沒錢....
  • 哈哈~~
    當然是不用錢的囉~~
    如果要錢的話~~
    我一定會在文章中跟大家特別說明的~~ ^_____^

    I.P. zoner 於 2009/03/09 09:39 回覆

  • death4444
  • 回樓上,這應該是免費的吧!!^^
    不過這套跟CBOX很像耶!!
    不知道有哪裡不太一樣嗎?

  • 恩恩~~
    這的確是免費的~~
    我還沒用過CBOX~~
    所以我也不知道這兩個聊天室widget有什麼不一樣~~ ^_____^

    I.P. zoner 於 2009/03/09 09:40 回覆

  • 小女子
  • question!!!!!!

    hello~
    怎麼.怎麼在yahoo的部落格貼上呀..不會>"<..請告訴我..謝謝!
  • Yahoo的部落格好像沒有支援javascript~~
    我不確定~~
    不過你可以試著把widget的程式碼複製貼上到你的側欄看看~~
    如果沒辦法使用那就沒辦法囉~~
    只能建議你搬家囉~~
    有什麼問題再跟我說~~
    我會盡量為你解答的!^_____^

    I.P. zoner 於 2009/03/20 09:58 回覆

  • amenda38
  • 說的好清楚~我是試過後一直無法完整,我想請問標籤部分有些不太清楚?會不會是標籤部分沒有 設定好呢 ?謝謝~
  • pir
  • >_<我沒pixnet

    無名blog可以用嗎?
  • 喔喔~~
    ShoutMix聊天室的程式碼不是用javascript寫的~~
    我想應該是可以裝到無名上的~~ ^_____^

    I.P. zoner 於 2009/04/08 07:40 回覆

  • FlyDark
  • 真是不錯的東西︿︿
    本來想再聊天室直接發問
    還是先動手搜看看 就找到這來了︿︿
    講解的超仔細~感謝你
  • 哈哈~~
    很開心我的這篇ShoutMix教學文有幫助到你喔~~ ^_____^

    I.P. zoner 於 2009/04/15 16:27 回覆

  • 。凝音.*+
  • 很詳細的教學
    照著步驟輕輕鬆鬆就完成了OˇO
    直接把此文用在BLOG的連結中
    這東西真的很方便
    其實Shoutmix在人少的時候可以當留言板來用XDD

    感謝
  • +0
  • 真的太謝謝你了~
    寫的好詳細唷..
    對我幫助好大唷~~
    3Q
  • Ting
  • 請問要如何將程式碼貼到想要放留言板的頁面上壓?
  • simon choo
  • Thanks for the post.
    simon@ www.herbalifemalaysia2u.com