Bohemian!

A collection of CSS3 powered hover effects ，如同官方網站所宣稱，是一組由css組成的效果，不必額外透過js的支援來讓網頁的物件移動，對GoogleSite來說當然是美事一樁，不必擔心Google更新，部分js不能使用，單純用css對程式碼的理解和維護也相對輕鬆。

繼上一篇 利用Google Script製作大量頁面 ，這一篇來應用Google Script中的SitesApp.getSite來複製大量相同架構的GoogleSite，所以前提是要有一個標準架構的GoogleSite。 在Google Site內使用Google apps script要先點 [管理協作平台]到後台，然後點選[應用服務指令碼]，點選新增指令碼，

製作Google Site的頁面從來就不是一件難事，動動手指製作空白頁面只需要10多秒，但是如果需要同時製作多達50個頁面的話，可能就是件相當痛苦的事情。 製作50個頁面這件事情多半不會遇到，遇到了還是得硬著頭皮來完成，話說 Google Apps Script 就提供了相當方便的工具，可以輕鬆解決這類型的問題，關於Google Apps Script的妙用後續會有多不同應用程式的整合，這篇我們來解決用用Array製作大量Google Site頁面。

Well，iframe似乎已經有一陣子不能使用，googlesite中很多頁面都因此受影響，之前所發佈的文章像是 【Google Site】iframe嵌入flash-MegaSwf   【Google Site】iframe簡單嵌入.swf   這兩篇以iframe為主的用法都不能再使用。 除了iframe之外embed似乎也是一種解法，網路上w3school的embed說明大概有提到html4不支援embed tag，在html5中以新工具的角色出現。 <embed src="helloworld.swf">  embed用法和iframe差不多，都是在tag中再多加入src把檔案嵌入，但是如果在googlesite中僅僅加入embed tag是不夠的，在tag後面還需要加入 <embed src=""  pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>  如果對於版面有些要求，也可以考慮加入width、height讓版面更舒服。

繼前幾天的fadeto，今天來個變形動態，娛樂一下~ html部分同樣來個基調四色，這次的控制class同樣設定成 .box <div class="box blue"></div> <div class="box red"></div> <div class="box green"></div> <div class="box yellow"></div> css部分和上次一樣，僅是上色、排列和寬高。 <style> .box { width: 100px; height: 100px; padding: 10px; color:white; vertical-align:middle; border: 1px solid #fff; float: left; margin: 5px;} .blue{ background: #3af;} .red{ background: red;} .green{ background: green;} .yellow{ background: yellow;} </style>

好久沒有做GoogleSite實驗，趁著着週末天光來寫一篇~話說GoogleSite htmlBox原本引入的Jquery版本已經進化到1.8.1，如果還是使用舊有1.6或是1.5的版本，會有畫面消失的情事發生～所以記得要更新一下。#1

沒仔細看還真沒辦法發現GoogleSite 偷偷 改版了HtmlBox引入的jQuery1.8，整體上內容不變僅僅換了版本，舊有的HtmlBox如果沒有更新會無法顯示的唷！

要在GoogleSite中順利使用Flash，目前只有私人空間可以得逞。之前在 【Google Site】iframe簡單嵌入.swf 中提到的方法已經失效，使用iframe的方法還是可以用，但是把flash檔案放在GoogleSite上是不行的喲～因應這個系統上的變更，把flash放在dropbox的public空間也行，但是可以有其他的flash空間可以使用，何樂不為？ 上傳檔案應該...會吧？！ 傳送到megaswf網站之後，會出現四個選項，最陽春的就是用上面的連結來看你上傳的檔案，連結所提供的頁面當然會佈滿廣告訊息和網站資訊（不用太意外）。下面三個選項看起來比上面那個好了一些些，比方說嵌入到自己的網站或是全螢幕開啟，網路上當然有白吃的午餐，但是絕對不是這個，比較優質的選項是要用網站的PRO級服務才能使用，不過對於這種需要註冊的服務當然是敬謝不敏～所以還是選最陽春的吧～ 如果遊戲王沒有在台面上蓋幾張陷阱卡就結束這回合就遜斃了～噢噢噢，離題了，如果到這裡就選擇陽春麵然後結束這個回合就遜斃了。 不用猶豫， 蓋上陷阱卡 按右鍵打開檢查「檢查元素」找一下swfObject，然後你會發現一行謎樣的文字 value="/file/2548128.swf" 這一回合滿好猜的， 反正遊戲王只會蓋上「死者甦醒」或是「光之障蔽」 順著megaswf.com再加上謎樣的文字就可以開啓 寶箱 swf檔案的所在地。 http://megaswf.com/file/2548128.swf 回到GoogleSite後，就勇敢的把swf放進iframe裡吧 打完收工～

積了點灰塵，今天來拍一拍。

GoogleSite的公告頁面雖然勉強可以充當公告系統，輸出在首頁的Gadget選擇的樣式不多，如果要做出很優質的版面就要善用圖片的擺設，但是如果以一般公開資訊網可能不太會有太多的圖片讓你使用，如果就單純文字擺設GoogleSite內建的功能真的沒辦法滿足需求。

關於GoogleSite網站的建置過程，往往嵌入其他有趣內容讓網頁豐富生動是件開心的事情，但是事實上，所有的閱覽者都有自由選擇瀏覽器的權利，導致後來製作Googlesite變成一件不快的差事，原因很簡單，因為IE無法支援你的效果~ 所以這篇文章 當然可以解決你的問題 是個測試工具，IE Tester可以讓你簡單的判定GoogleSite的效果通不通用，能不能在IE的環境下完整的show出效果。不過順著這篇IE tester的發佈，也下順便來說說眾多外嵌功能在IE上遇到的困難。

不同語法，相同效果。又在誤打誤撞的情況下發現了一則適用GoogleSite新的文字輪播 語法- abgne_marquee，雖然 abgne_marquee的語法比較起來長了些。 【Google Site】用html小工具做出marqueer效果 實驗所-abgne_marquee Demo

又一名新朋友加入Googlesite-htmlBox俱樂部，這次是簡單的圖片淡入淡出功能和輪播，不花俏但是很實在，不同於googlesite所提供的 content-slider 版本(   Demo1   Demo2  )， jwslider 不需要使用者手動的動態效果更能吸引瀏覽者的目光。

又一款可以相容GoogleSite的jquery Slider囉~這一次是可以輪播圖片和加上簡短文字和標題的 s3Slider 。不同於之前googlesite內建的翻頁 content slider ， s3Slider 提供了自動輪播圖片的功能，對於在GoogleSite網站頂端展示圖片來說，相當實用美觀。 demo - 實驗所-s3Slider

這篇不太算是新聞，但是終於有適當的地方可以做出一個 demo 還是很高興，關於htmlbox可以參考 【Google Site】用html小工具做出marqueer效果 ，總而言之htmlbox的出現免去了從外部引進iframe造成的困擾。而今天則是利用 google說明文件 做出了一個簡單的content slider~ Content Slider先前看過比較好上手的應該要算是 Ennui Design ，上面的demo網站就提供了相關設定的說明，進入css做出修改就可以符合自己的需求，像是 海洋教育網站的content slider 就是根據Ennui Design做出來的。有興趣的讀者可以去 Ennui Design 看看。不過Ennui Design這款目前在googlesite上僅能使用iframe從外面掛載，還不能直接寫入。

就像是我家的房客咬到膠帶一般，對googlesite來說公告系統就是膠帶，網站系統裡基本的都要配有一個發布訊息的公告欄，就像我家的房客基於無限的好奇心非得要玩一玩膠帶不可。非常無奈的是googlesite目前還是沒有相對應的小工具出現~

上面就是行動版的瀏覽模擬，可以直接點點看唷~ 無心插柳柳 橙汁 成枝~本著測試新成網站的心態試著用 GOMO 來做行動裝置網站，大概花了20-30分鐘微調就完成，這樣的使用體驗真的很棒~

有用過google內建的RSS FEED，你就會知道 那真的是一個醜到爆的小工具 這個功能還在等一位神人來開發，當然這個人不是我，我只會打打嘴砲順便砸自己的腳(囧~)，主要內建的RSS和最新文章小工具的自訂性都不高，所以在版面設計的應用上能難使得上力。

簡單的看圖說故事，這真的是一個可以讓你覺得新奇的簡報軟體，透過簡單的zoom in 、zoom out製作簡報的動態效果，簡潔且功能齊全的線上編輯模式和隨身可以帶著走的雲端概念，老實說，這一款真的會讓人想要放下桌機的簡報軟體，投奔線上懷抱。

跟Googlesite很熟之後，就會發現iframe無遠弗屆的強大威力，大部分在網路上的嵌入(embed)資源都可以透過小工具iframe來達到嵌入效果，除了從其他網站引入資源之外，在自身的頁面上傳檔案再用iframe來呈現，充分發揮googlesite的網頁空間效能。 2012/10/14更新 本文所揭示之方法，因為GoogleSite更新已經無法由googlesite本站放置檔案後再內嵌，但是把flash檔案放在其他空間後再用iframe連入仍然是可行的。