|
作者:黃慧珠
讓部落格動起來
Blog是繼MSN、Yahoo messenger 等即時通訊軟體之後,引起網友們高度關切並使用的網路服務,在2007年的一份Blog使用調查報告中,有66.6%的受訪網友擁有自己的部落格。這樣的潮流到了今日,不論是不是使用平台業者提供的介面,視覺化及資訊取得的方便性都受到許多網友們的關注。
而網路上的文章、新資訊這麼多,要如何才能最快掌握最新訊息呢?或許把入口網站的新聞輪播區塊放到自己的Blog也是個不錯的方法。下面我們就來介紹兩種迅速簡單的方式,讓自己的部落格增加一些動態資訊。
Google News 幻燈片輪播
這是Google 推出的一個擴充性功能,利用 AJAX Search API 技術提供網友即時新聞的服務。該服務讓任何網站都能輪播即時新聞,同時也讓新聞媒體觸及更多新的讀者,我們來看看要如何把這個「 Google News 元件」新增到我們的網站吧!
開始設定
連結到http://code.google.com/ 後,在下面網頁中完成相關設定。
複製程式碼
網頁最下方可預覽設定效果,我們只需將畫面中產生的程式碼貼到自己網站上想要顯示的位置就完成了。

關於技術
iframe 是 HTML 中的一個標籤,主要的運用是讓一個網頁可以嵌入「其他來源網頁」作為當中的一個元素。和框架不同的是,iframe可以加在<body>和</body>之間,配合其他語法使用,自由度很大。目前除了 IE 和 Opera 之外,以 Mozilla-Gecko 作為核心的 browser 也都支援 iframe。
除了以上方式之外,我們還可以利用Google AJAX API loader 或google.elements.NewsShow 來取得Google新聞服務,相關資訊可參考Google網站上的說明文件。
新浪頻道模組
以網路服務社群為前提,新浪網提供了幾個熱門頻道供網友們張貼到網站、部落、論壇等平台。這些頻道包括新聞、娛樂、休閒、部落、星座算命、遊戲、雜誌等該網目前提供的服務。
想要取得輪播區塊的程式碼也很簡單,先開啟新浪網首頁,點開你想要輪播的新聞頻道,點選右上方的小圖示,跳出選單後再按下〔複製引用〕會立即跳出另一個小視窗,這表示你已成功抓到該模組語法。

個人或公司網站
接著只要將單一或數個模組語法完整貼到<body>和</body>之間的指定區域即大功告成。
部落、論壇等平台
若是要貼到平台業者提供的個人部落格或論壇,則須視該平台是否接受HTML語法張貼,否則將無法使用這些功能。另外因各家平台介面不同,須參照各家平台說明方式操作,此部分也可參考新浪網站上的範例說明。
關於技術
在這裡輪播區塊的呈現是以Javascript語法來達成。JavaScript是一種用於客?端的Web開發語言,常用來為HTML網頁添加動態功能,比如回應用戶的各種操作。
此外它也是一種直譯式語言,利用直譯器(Interpreter)對原始程式碼一邊讀解,一邊執行。主要的優點是初學者較易於使用,缺點則是安全性較差,且如果Script中有任一行程式錯誤,後面的語言也會無法運行。
註:[1] MSN是微軟公司的註冊商標。
[2] Yahoo是Yahoo公司的註冊商標。
[3] Google是Google公司的註冊商標。
[4] 新浪網是華淵資訊公司的註冊商標。
[5] JavaScript是Sun公司的註冊商標。
|