2011年10月28日 星期五

[教學] 在google sites裡加入iframe的解決方法



自訂插入外部頁面的的IFRAME小工具 http://jkfiledownload.googlecode.com/files/jkgsiframe.xml

google sites(中文翻作"協作平台") 是個非常好用的免費工具
尤其如果搭配google apps 在google apps底下的協作平台容量可說是無限
(apps預設10G 然後每多一個帳號多500mb --> apps帳號可以無限開)

現在lab裡的很多工作都可以放在lab的協作平台上讓大家一起進行 然後又可以設定權限只有apps帳號的人能夠共同編輯 避免組織內部一些敏感資訊被外面的人看到

不過google site還是有些限制 像說不能很自由的編輯html碼 跟普通的網頁不一樣 他大部分的功能都是模版做好的 所以當然好用的iframe就不能用了
但是我想在google site頁面中插入外部的頁面 那要怎麼辦 今天研究了一下 發現寫google gadget可以繞過sites本身的限制 偷偷使用iframe

程式碼大概是參考http://www.glaciology.net/Home/Miscellaneous-Debris/guide-to-inserting-iframes-or-flash-in-google-sites這篇文章寫的
不過我改了一些小地方 做了另外一個小工具 給懶的自己寫google gadget的朋友直接引用 只要填入想要顯示的網址就可以簡單的在google site裡插入iframe

iframe小工具網址: http://jkfiledownload.googlecode.com/files/jkgsiframe.xml

在google site裡加入iframe的步驟:

1.編輯頁面-插入-小工具-更多





2.依網址新增小工具- 填上 http://jkfiledownload.googlecode.com/files/jkgsiframe.xml





3.設定小工具-在iframeuURL的地方選擇iframe要連的頁面網址 另外可以自己選擇條整長寬和要不要出現捲軸





4.按儲存就完成了 範例是在google site中插入一個yahoo的首頁 XD





沒有留言:

張貼留言