2009年5月14日 星期四

[教學] 在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




google sites iframe

9 則留言:

  1. Thanks for providing this, which is great! :)

    回覆刪除
  2. 您好,這篇文章的網址http://jkfiledownload.googlecode.com/files/jkgsiframe.xml
    小弟照上述方法載入後卻搜尋不到該小工具...

    回覆刪除
  3. 啊 又可以用了 好像是網路問題 感恩感嗯!!

    回覆刪除
  4. 太感激嚕
    你提供這點幫助我很多!
    我一直在找裡面這部分的功能
    經你引導
    才發現原來是要涉及程式碼的部分
    惠我良多

    回覆刪除
  5. 這位大大你好 小弟很感謝你這個小工具 但我現在想自行開發另一個可以縮放文章的小工具 想參考一下你的程式碼 不知是否能夠提供呢??在此感激不盡
    願意的話就勞煩您寄給我了
    keino123@hotmail.com

    回覆刪除
  6. 謝謝!我載入後,好像不能調視窗大小,每次都還要另外按放大,才會變大,請問怎麼調大小,另外,如何避免使用者按到「x」?謝謝!

    回覆刪除
  7. 你好!請問!插入後如何取消
    「上方」與「左方」的黑色框線?
    這樣無法做到無縫

    回覆刪除
  8. 您提供的方法實在幫助我很多,謝謝!!

    請問如要將google friend connect嵌入至
    google sites(協作平台),您是否有好的解決方案。

    回覆刪除
  9. 不好意思大大 我在google sites 換成我的iframeURL 預覽沒出來請問大大是什麼問題??

    回覆刪除

您的留言會先經過審核後才會公開至版面上

若本站所分享的資訊對您有幫助或有幫您省到錢的話

麻煩在留完言之後順手幫個忙

瀏覽一些您有興趣的廣告連結當作回饋贊助

您的小小鼓勵是支持本站繼續分享的最大動力

謝謝各位善心人士!! :)