Gene 的个人资料≡ 能量魔法 ≡照片日志列表更多 工具 帮助

關於部落格小玩意的各種教學

 
Posted by 小綠人
 
恩! 最近幾天觀察下來,很多人對於Windows Live Spaces的語法放寬增加HTML自訂欄位感到非常的高興與好奇,但是也很多人對於要如何把ㄧ些各家網站所提供的部落格小玩意加入分享空間的HTML自定欄位(這裡指Custom HTML Powertoy、HTML Sandbox Gadget 和 Sandbox Gadget)感到一些無助,為什麼會發生這種是事呢?因為有些部落格小玩意提供網站所提供的HTML語法使用到Javascript程式碼,何謂使用到Javascript程式碼 ?就是網站所提供給你的HTML語法有包含<script>程式碼</script> 的大部分都是使用到Javascript程式碼,但是由於安全性問題,在Windows Live Spaces裡的3個HTML自定欄位是不可以使用Javascript程式碼,所以加入這些網站所提供的部落格小玩意到Spaces是會自動消失不見的,解決方法不是沒有,是有的。你可以使用終極辦法:在HTML Sandbox Gadget 和 Sandbox Gadget使用iframe,不過就是麻煩點或是針對每個小玩意提供另外一種解決辦法,另外的解決辦法雖然簡單,但是也必須要有人"研究之後寫出來"才會簡單阿,當然就是教學文章的目的之一,可是在這個網路快速發展的時代,小玩意多到你眼花玩不完,能量魔法是不可能每個網站的解決辦法都"研究之後寫出來" 這樣不把小綠人操死才怪XD ,所以這裡推薦一個部落格給大家認識 - 夜衫衫工作室,這位來自香港的部落客很熱心的針對Windows Live Spaces提供每家部落格小玩意的解決辦法與教學,教學步驟也很詳細,可以好好學習,跟夜衫衫聊過之後,感覺他是ㄧ位對分享也很有熱情的人,大家對於部落格小玩意有任何問題也可以多向他請教一番囉!
 
夜衫衫工作室 - http://camuschu.spaces.live.com/ 
 
最近大家常問的問題
迷你留言板教學 - http://camuschu.spaces.live.com/blog/cns!85BD955C085738A8!1368.entry
 
最後恭祝大家新年快樂!

玩Windows Live Spaces必知-給Spaces增加無限個HTML自訂欄位

 
Posted by 小綠人

最早以前,Windows Live Spaces 都只能使用Custom HTML PowerToy 來給Spaces增點小東西在首頁上,在 Windows Live Spaces 2007年7月更新之後就可以直接使用內建的【HTML 模組】,最多加入10 個,而另外一種 HTML 欄位則是用 Gadget 小工具製作而成的,如我用此方法則可以在新增無限HTML自定欄位囉!那就是HTML Sandbox小工具中文版 ,像國內BSP(部落格供應商)如樂多、天空、無名、Pixnet,等或是Blogger都有HTML自訂欄位來給部落客在部落格的應用上可以自由發揮,像是加點小公告、小寵物、FLASH小時鐘、音樂播放器、投票欄位、串聯活動、聯播功能、繪圖留言板、計數器、留言板、聊天室、水族箱、收音機、地圖、天氣預告、小遊戲、廣告、等等等等等,真的是太多囉!OK!那要怎麼做呢? 請跟著老師來看這個股市行情(手拿筆)...喔!不是!是下面

2種HTML自訂欄位加入說明:

1就是內建的【HTML 模組】。

  1. 首先,你要按下「自訂」,選擇「新增模組」。
    po8
  2. 接著再選擇「模組」開啟選單,請在「其他」分類的地方選擇「HTML」,再按下「新增」,這時你會看到分享空間已被加入一個【HTML 模組】,「關閉」選單之後請記得要按下「儲存」才算是成功。
    po9
  3. 按下「儲存」重新讀取頁面之後,在【HTML 模組】的地方按下「編輯」。
    po10
  4. 跳往編輯頁面之後就可以輸入 HTML 原始碼囉!,填入完畢之後再按「儲存」即可。
    po11

 2HTML Sandbox 繁體中文版 - HTML 自訂欄位

加入網址:
http://gallery.live.com/liveItemDetail.aspx?li=ae8fed66-04a0-4b8c-a615-43c20ddcaf36


加入方法:<-- 登入按此鈕即可加入

ok! ㄧ下子就完成囉!

接著來看看這兩種 HTML自訂欄位 種類的詳細說明:

1就是內建的【HTML 模組】。

特色:可設定無外框、最多可加入2048個字元、顯示速度較快

語法支援度:可加Flash (不可加<script>)
 

注意:Flash檔最低的HTML需求為

<embed src="http://www.網站.com/檔案.xxx" type="application/x-shockwave-flash"></embed>

其中xxx不可以是wmv,asf,mp3.....但可以是swf或是根本沒有附檔名。

使用方法:把HTML語法填入再按Save,不勾選Show border就不會顯示模組框線。

長相:
 po10

 2HTML Sandbox 繁體中文版 -  「HTML 自訂欄位

特色:可設定無外框、最多可加入956個字元、顯示速度較慢

p1

 

  • 要如何加入「HTML 自訂欄位」小工具到 Windows Live Spaces 呢?
    Ans : 請先到 Windows Live Gallery 按下「新增」,然後選擇「分享空間」,之後跳往安裝頁面,在頁面右下方點選「安裝」就可以在分享空間看到這個小工具囉! 或是你也可以在這按此鈕 加入 『HTML 自訂欄位』Gadget 至Windows Live Spaces 直接加入。
      
  • 要如何使用「HTML 自訂欄位」小工具呢 ?
    Ans : 初次使用,請在中央欄位輸入你想要加入的 HTML語法 ,然後再按下「儲存」即可,如果未來想修改原始碼,請按下未命名-2 之後,就可重新進入編輯畫面。
           
     
  • HTML 自訂欄位」小工具目前語法上有什麼限制呢 ?
    Ans : 初期版本將和英文版一樣只開放956個字元,其語法限制如同英文版一樣不可加入<script> 語法,詳細請見下圖。還有你可以按下三角形裡的「偏好設定」隱藏框線與調整寬度。

     
  • 注意事項:
    因為「HTML 自訂欄位」小工具本質上唯一個 Gadget 顯示速度將會比較慢一點,如果想加入重要的小玩意請使用 Custom HTML PowerToy(加入教學按我) [簡體版教學]
      

至於要在 HTML 自訂欄位 加入什麼呢?

這裡推薦

夜衫杉的分享空間 - 夜衫杉的工作室 

小毛的部落格 - 公主.堡壘.玻璃鞋

這是她所建立 超可愛的風格、超多部落格裝飾品與小玩意的夢幻世界


表情是不是變了呢?????

 
沒有HTML自訂欄位     加了HTML自訂欄位
          
           -->          

Vamos - 輕輕鬆鬆自己做漫畫

 
Posted by 小綠人
 
有了靜態的 " 讓圖片會說話的線上工具 iBubble " 和 動態的" 在影片加上對話的線上工具 BubblePLY " 之後是不是還少了某樣東西? 靜態的似乎沒什麼吸引力,而動態的似乎不符合生活中常見的應用情況! 因為又不是整天在拍電影還是偶像劇,除非刻意安排,不然場面很容易冷掉,重點是影片剪接真是麻煩。話說大部分的人還是以數位相機拍成ㄧ張ㄧ張的相片來記錄生活中的片段,如果有個連續播放圖、又可以為美張圖片加點有趣的對話,就像"漫畫"ㄧ樣,不知道有多好!先恭喜你,你的心聲被Vamos聽到囉!
 
   
                          (用Vamos來展示Vamos的教學,一整個很Vamos!)
               
(這是給大家方便分享用的欄位,當你連到每個漫畫時,在頁面下方及有這些欄位。)
*分享方式
嵌入到部落格的方式與各大影音分享網站大同小異,只要把上圖所示的embed嵌入欄位裡面的內容複製到Spaces內嵌視訊裡就可以在Spaces播放囉!

*那麼MSN分享空間欄位又是什麼呢?
這是在Vamos製作為分享空間的朋友而開發的小工具(Gadget) ,只要填入欄位裡面的亂碼到Vamos漫畫播放機小工具裡就可以囉!
*如何在Windows Live Spaces上增加Vamos漫畫播放機 小工具? 按此鈕即可加入加入Vamous漫畫播放機小工具至Windows Live Spaces
 不得不讚賞Vamos一番了! 能為每個部落格提出一種教學或是解決方案!
 
相關網址: http://www.vamos.com/

                                

在影片加上對話的線上工具 BubblePLY

 
Posted by 小綠人

上次介紹的 " 讓圖片會說話的線上工具 iBubble " 似乎沒有受到好評! 也許是樣式與風格有點古老,對話框沒有做的很精美!沒關係!這次換影片吧!BubblePLY是一款把已經放在影音分享網站(如YouTubeMetacafe)的影片加上泡泡風格對話框!也可以為影片加上字幕,加工完成的影片的分享方式和嵌入碼與影音分享網站都是大同小異囉...


(網站首頁)
http://www.bubbleply.com/

 
  
(範例影片)
 

Windows Live Messenger 8.1 正式版 詳細功能解說!

Posted by 小綠人

最受歡迎的即時通訊軟體Windows Live Messenger又出新版囉!結束了從2006/9/7開始的WLM8.1beta版計畫,也就是跟beta版說ByeBye囉! Windows Live Messenger 8.1 在2007年1月29日正式發佈 ,這個版本比起8.0改進了一些功能,像是新設計的智慧型連絡人卡片、個人化設定可以隨身漫遊還有活動清單增加音樂分享 (Music Mix)的功能,想仔細了解嗎?把你的眼睛張大,然後往下看!
Windows Live Messenger 8.1 正式版 下載網址: http://get.live.com/messenger/overview [或是這裡]  

                                                                          (音樂分享功能 ,一起聽音樂吧!) 

Messenger 相關外掛:

MessengerPlus(強大的外掛): http://www.msgpluslive.com.tw
MSN Shell(也是強大的外掛): http://my.msnshell.com/index.htm
MSN Banana(輪撥MSN狀態): http://msnbanana.googlepages.com/index.htm
MSN 表情符號備份工具: http://blog.roodo.com/garbagecan
 

線上相片編修工具大收集

 
Posted by 小綠人
 
有沒有高高興興的拍了照片,可是還是對相片有美中不足的地方,想要修改一下的經驗;或是覺得家裡電腦的圖片編輯軟體好複雜不會使用,想學又懶的學?沒關係!國外的部落格大站 TechCrunch 裡面有許多網路產業與網路應用方面的相關資訊,其中的一位作者發表了Online Photo Editing Overview,共收集6款從以前到今天的線上圖片編輯工具,以下將把原文做個修改並加上自己的想法,對這6款工具做個介紹。

Fauxto

使用Flash打造,介面酷似Photoshop,所以也包含Layer圖層的功能,不過由於複雜度高,只有對本來就有在用Photoshop的人才有吸引力吧!但是,的確可以看到Flash的的應用潛能。


Picnik

發音如同Picnic(野餐),這個工具才剛生出不久!就受到大家的喜愛,而且由於使用Flash平台,所以在速度與使用者介面上遠遠超過其他同類型的線上工具(更可取代使用Ajax打造的PXN8),以後Creative Tools將包括更多有趣的功能,對喜愛玩相片特效美化的人將是一大福音。相片編輯完除了可以直接存入ImageShack等的圖片儲存服務網站,還支援Blog發佈功能,Windows Live Spaces也有支援,它是使用電郵發佈的功能去實現的。

Picture2Life

使用Ajax打造,使用者介面有點簡陋,有一個比較特殊的功能就是可以製作連續播放多張圖的單一GIF動畫圖檔,對不會製作動畫GIF檔的人可以好好利用,相片編修完畢可以直接存到Flickr,23,Imageshack裡...

 

Preloadr

光看他的Logo就知道與Flickr有著密不可分的關係,其實它就是專門為Flckr所製作的相片編修工具,使用Flickr API打造,也有圖層的概念,必須要有Flickr帳號才能使用。

 

PXN8

使用Ajax打造,是目前使用Ajax技術做的最好的一款線上圖片編修工具,在Picnic還沒出現以來,它是最棒的!有良好的使用者經驗,其中"enchance"功能可以有效的對圖片最好的效果改進與修正,讓相片更上相,還有"雪花","電視條紋"等的特效讓一般人也可以輕鬆作特效圖!相片編修完畢可以直接存到Flickr和allyoucanupload圖片儲存服務網站。
(香港也下雪)


Snipshot

也是使用Ajax打造,在使用速度上也蠻快的,不過少了PNX8的一些特效功能,作為線上圖片編修工具或許還不及格,但還是能夠勉勉強強的使用簡單功能,而且還開放API給大家使用,不需要特效只要剪裁和更改圖片大小的人可以使用。

 

既然有這麼多線上照片編修網站的話,那是不是 "線上大頭貼" 的網站要出現了呢?
 

線上個性文字圖產生器 & 線上製作按鈕工具


Posted by 小綠人

今天要來介紹這兩個好物,跟最時尚的Web2.0沒有關係,反正很高興線上工具真是越來越多了!較完整的工具有些也慢慢步向收費會員制,雖然線上工具沒有桌面軟體般的強大,但是不用安裝隨時可用,以及"個性化"、"功能趨向某單一族群"、"預設樣式豐富"、"網站隨時可更新"、"大部分免費",等等的特性的確讓一般非專精人士可以輕鬆達成某個本來需要較專業的才能完成的功能或某個目標,更有許多可以嵌入到網站、部落格的小工具,沒錯!關鍵字廣告也是利用這樣的特性而賺錢,因為有些小工具裡面可能提供了許多有用資訊,但內容從何而來,可能是內容提供者服務的項目也可能是大家分享的資訊,有內容有資訊才是一般人想使用電腦的最主要目的,如果說IBM指的是硬體,Microsoft指的是軟體,Google指的是網路服務,那麼誰是內容提供服務時代的霸主呢?Is it Wikipedia ? 還是已經回到每個人的身上呢?
或者是資訊過多需要一個強大的智慧型電腦來判斷每個族群所想要的內容,那麼誰是智慧型服務時代的霸主呢?

線上個性文字圖產生器:

喜歡不一樣的英文字嗎?想要簡單製作超有風格的LOGO圖嗎? 這個你會喜歡~

它是一個線上把個性文字變成圖的工具,內建上百種樣式的文字,可以提供多重文字圖合成,按下Web->FG可以把"圖"也加進來組合,所以功能已超過原來的名稱,應該可以叫做LOGO圖產生器都沒問題,實在功能實用,棒!
那麼 該怎麼用它呢?如圖,第一:在Font Type選擇字的風格。第二:選擇該風格的字體名稱。第三:選擇字的顏色。第四:輸入文字,然後在最底下按下CREATE即可在中間生成圖。第五:如還要繼續新增不同風格文字,請按下5號圈圈所指的按鈕,把會把已經做好的文字圖固定在背景上,等待第二次加圖。第六:在 全部做好的文字圖  上按右鍵另存新檔就可以把圖抓回去囉!
如果你快速設定文字樣式,可以看A號圈圈所指的地方按下去,裡面有一些預設的文字圖。很可惜的!它不能使用中文。

http://interactimage.com/

線上製作按鈕工具:

喜歡不一樣的中文按鈕嗎?想要簡單製作有風格的按鈕嗎? 這個你會喜歡~

它是一個能製作各種按鈕的工具。 該怎麼用它呢?如圖,第一:選擇按鈕樣式。 第二:輸入按鈕文字。 第三:設定文字樣式,在Properties的Fonts選擇為Simplified Chinese(sans-senf)才能輸入中文。最後再按download就可以把圖帶回家囉!
雖然支援中文,但很可惜的是大部分按鈕樣式居然是要收費的!

http://www.buttonator.com/