網頁設計

[教學]在無名部落格使用MSN 即時熱線

2008/10/14 無名網誌邊欄和網誌敘述禁用java script語法(公告)
2008/10/30無名開放部分 Java Script 語法使用(公告)
目前MSN無法放測邊欄嚕!

之前發了一篇 MSN 即時熱線 介紹
就有網友在問說可不可以套用在無名Blog上呢?
當時我以為免費的沒辦法使用javascript語法
不過我發現我錯了…是可以使用的
那….當然就有辦法嚕

VIP功能比較表
可以看出不管是哪一種等級都可以使用javascript語法

所以本篇將來分享如何在無名部落格上照樣使用MSN 即時熱線!

MSN 即時熱線有提供以下三種

  • 即時通訊視窗
  • 按鈕
  • 狀態圖示

MSN 即時熱線 介紹 我有解釋其優缺點
包括如何在一般的blog上加程式碼
此篇純粹獨立出來教如何把功能放到無名部落格
所以對於MSN 即時熱線的介紹就不在多講
我會針對這三種直接來分享

即時通訊視窗

首先請先連到自己的無名部落格並登入

登入後請進入資料夾管理介面
請點選”新增資料夾”
(其中我自己是已經有新增一個來放廣告用的了 :mrgreen: )

新增之後會出現一列

請輸入資料夾名稱,此欄為以後這區域會出現的名稱
寬與高請自行設定(可以根據想要出現的高寬設定)
接著請再點選”連結管理”

進到連結管理之後請點選”新增連結”

接下來就會出現連結管理

這裡就請先暫停一下
先回到MSN即時熱線官網複製語法
注意,這裡的大小設定要與剛剛一樣避免出錯
(我是設300*300)

產生的程式碼如下(每個人都不同唷,以下只是舉例)
可以直接開記事本出來修改
下面是對了讓大家方便看所以有斷行
自己修改時盡量不要隨意斷行,以免出錯

由於無名部落格不支援iframe語法
所以在這裡我們必須轉成javascript來表示即可
javascript格式如下

document.write 裡的括弧內容就是會產生輸出字串
其中字串請以” ” 包住
那直接把iframe那一段直接丟進去就ok了嗎?
不是
如果有學過程式的應該會比較了解
在” “中間如果再出現”(引號)就有可能會造成語法有問題
這時只要在 ” 之前加上 即可
即iframe裡的 ” 前面全部都要加上 即 ”
即變成如下

然後在把這加入到剛剛的javascript的document.write(“”);中
變成如下

把這語法貼到名稱,然後把後面的網址清空然後點確定鈕

回到Blog上,就可以馬上看到效果嚕!!
下方為廣告,這裡應該可以了解剛的名稱會顯示在哪
而排序又是什麼意思了
如果有出錯請回到前面檢查一下看哪一步出錯

建議如果有安裝FrontPage
可以先切換到程式碼
然後在再加入剛的javascript語法

然後切換到”預覽”
馬上就可以看到語法有沒有錯誤
用這個測比網路上網頁切來切去快吧 😀

< 請接著看下一頁 😀 >

按鈕
請照剛的步驟
在資料夾管理下新增一個資料夾並設定
再點選連結管理

在連結管理請新增一個連結

然後回到MSN即時熱線官網複製語法

由於已經是javascript語法
所以回到連結管理的名稱直接貼上,後面網址欄清空
再點選確定鈕

再回到Blog上觀看就可以看到嚕!

如果覺得長度太小請自行修改”語法”唷
(老話一句, MSN 即時熱線 介紹有說明)

狀態圖示
一樣的步驟
在資料夾管理下新增一個資料夾並設定
再點選連結管理

在連結管理請新增一個連結

然後回到MSN即時熱線官網複製語法

由於已經是javascript語法
所以回到連結管理的名稱直接貼上,後面網址欄清空
再點選確定鈕

再回到Blog上觀看就可以看到嚕!

如果覺得太單調
應該有印象這些也可以變花俏吧
http://3c.msn.com.tw/imme/

那先來試自訂樣式之狀態圖示
我還是先把該設定的設定完成

然後把這自訂樣式下方的程式碼其中有一段字串:
“這裡插入服務網頁針對個人帳號登入後所提供的程式碼”
把這移掉,然後加入剛剛狀態圖示所出現的程式碼
(也就是”MSN 即時熱線 – 03″所設定的程式碼)
然後我再把最前面的<div align=”center”>與最後的這兩個移掉</div>
這樣可以讓他直接照預設往左對齊(如果想對中就不必移)
成果如下

眼尖的朋友應該會發現…這也只是在後面加上一個圖片連結而已

另一個是自訂樣式之即時通訊視窗

一樣的步驟
在資料夾管理下新增一個資料夾並設定
再點選連結管理(寬度與高度請自行應變嚕)

然後把這自訂樣式下方的程式碼其中有一段字串:
“這裡插入服務網頁針對個人帳號登入後所提供的程式碼”
把這移掉,然後加入一開產生的程式碼嗎?
請注意~如果這部分疏忽的話會出錯唷
記的是要放入”MSN 即時熱線 – 01″所設定的程式碼
也就是javascript語法
然後我再把最前面的

<div align=”center”> </div>與最後的這兩個移掉
這樣可以讓他直接照預設往左對齊(如果想對中就不必移)
成果如下

最後登出無名部落格
就可以看到剛剛一口氣新增出來的5種MSN 即時熱線嚕
(我登出是為了不想看到管理介面 😎 )

14 Comments

  1. 因為我不能裝MSN
    所以想說用即時熱線
    因為我不懂程式
    所以只能照著你所寫的程式複製貼上
    但為什麼我登入無名
    他還是離線阿
    要怎麼樣才能是上線的狀態阿(因為公司資管部嚴密監控著)
    所以希望能找個好方式讓我可以上線聊事情

  2. 喔~成功了
    謝謝你的熱心分享
    雖然改程式碼改得我眼花~~哈哈

  3. 他有3個~第1和3我放在無名都有顯示出來~
    但第3個我試了好幾次都沒有顯示出來~
    這是為什麼呢?
    我只好用第3個~

  4. @小捲
    對不起…漏掉妳這篇留言了 😯
    有時使用msn的人需要重新登入才行唷
    但也有可能是妳的網管鎖住了

    @淳
    恭喜你唷 :mrgreen:

    @ Linda
    程式碼可能有問題,建議再檢查看看
    不過選自己喜歡的就ok啦
    不用每個都去run 😀

  5. 😥 版主安安~!之前照你的方式將msn即時熱線放到無名上了~!但是現在無名在今天有新公告:10/14 起網誌邊欄和網誌敘述禁用java script語法 嗚嗚嗚嗚~!我今天要幫我朋友放就被封鎖了~!他還有說之前有放的只要一按到修改就會一樣被列管就封鎖掉語法了,那這樣子還有解嗎?

  6. @cindy
    再來應該無解了…所以之前有放的都只能說運氣好了
    來吧…一起來自架Blog吧! 不難唷 :mrgreen:

  7. 請問現在還可以用嗎,版主??3Q

  8. @小陳
    您好, 目前無名已經不支援javascript語法
    所以應該是不行的

  9. 可以幫我修改我想放到無名,可是看不懂你的教學~拜託

    修好可以寄給我嗎?!

  10. 您好

    目前無名已經不支援嚕

  11. 請問一下,目前這項還可以使用嗎?
    因為原本我前幾個月都是正常可使用的,
    但是前幾天開始點出來都是顯示離線的,
    因我本身是做拍賣的,
    我是放在拍賣網上面,
    但是我去查看設定HTML那裡押,
    不是有一個【 允許在網路上的任何使用者看見我的狀態,並可傳送訊息給我。
    注意: 任何網站都能顯示您的狀態,而已被您封鎖的使用者可能會看見您在網路上的狀態】
    這個不是要打勾嗎?我打勾了並儲存,但是重新整理後,他並沒有打勾耶…
    可以教教我嗎?

    謝謝

  12. @您好~
    這陣子MSN有點不穩,不知是否為此因素造成?
    http://news.chinatimes.com/world/0,5246,50403145×132010032400670,00.html

    因為有時候不見得24hr都在電腦前,也避免聊到一辦斷線
    而我們這一方不知對方連絡方式,反而無法住動連絡只能被動等待
    所以目前我已經將這服務拿掉,採取email連絡好一陣子了
    建議過幾天再試試看,因為這服務我一開始在使用時也不是非常穩定
    謝謝您

  13. 我有遇到一個問題,想請版大幫個忙..
    MSN即時熱線 網址:http://wowimme.spaces.live.com/?lc=1028
    我的小綠人(MSN的即時熱線)設定好以後,出現一個問題
    網頁版的MSN上線,小綠人就顯示上線,設定忙線或下線,小綠人都會顯示忙線或下線。
    可是….
    1.我正常版的MSN(就是需要安裝MSN的那種),正常版MSN上線,小綠人顯示下線。
    後來我還發現….
    2.我的MSN的狀態跟分享空間裡的狀態不一樣,
    分享空間裡的狀態卻跟網頁版的MSN一樣。
    3.可是我幾乎都開正常版的MSN,網頁版的MSN幾乎沒在開,這樣我的小綠人就永遠上線不了…
    我弄好久都弄不好,該怎麼辦才好,還懇請大大幫個忙,謝謝您!

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

*