2013/12/18

Embed Javascript in Blogger



在Blogger 裡面加入JavaScript 的想法
找了很多的方法,終於完成了

這邊主要分成兩個部分
1.將JavaScript找一個網路空間放置
2.將 JavaScript(html) 嵌入 Blogger

第一個部分花了點時間去尋找
主因是因為不想要花錢.....

後來找到Dropbox 跟Site44的結合
就可以顯示靜態網頁(也可以放入JavaScript)

教學網址:
Site44:讓你在 Dropbox 免費雲端空間上架設網頁

設定完成之後,在Dropbox裡面就初出現以下的路徑
這邊就可以放想放的網頁了




第二個部分比較簡單
只要使用 iframe 的標籤就可以將其他的網頁嵌到Blogger裡面了

frameborder -> 邊框
height -> 高度
width -> 寬度
src -> URL 來源

<iframe frameborder="0" height="380" src="//mrj.site44.com/LeafLet/leaflet.htm" width="570"></iframe>

將上面區塊程式碼的內容貼到Blogger的HTML模式中