將 即時通軟體嵌入在網頁 以 MSN, Yahoo Message, Skype 為例

因為老闆有提到說想再網站上加上線上客服的功能，所以就搜尋了一下，

這些服務都很貼心的有網頁自動產生語法，所以設定起來真的不難。


 設定方式


1. MSN

•   連到 windows live 下的網頁設定 http://settings.messenger.live.com/applications/WebSettings.aspx
•   允許在網路上的任何使用者看見我的狀態，並可傳送訊息給我。這裡打 勾
•   點選左邊的建立HTML，設定樣式
•   複製下方的語法貼到網頁上
• 可以參考 梅問題教學網.

2. Yahoo Message
     官方就有介紹，參考[2].

3. Skype
     訊息可參考[3] , Skype Phone 可參考[4].

順帶一題，MSN 和 Yahoo Message 比較相近， 可以允許匿名交談; 而 Skype 則必須要登入後才能對談，不過 Skype 除了訊息交換之外，還有 Skype phone 的語法直接可以嵌入






參考:
[1].  梅問題教學網
[2]. Yahoo!奇摩即時通對講機
[3]. 自定您的Skype 按鈕
[4]. skypeme

心得 RSS 製作在自己的伺服器上

在[1]中有介紹 rss xml 的格式，大致由兩個部份 , channel 和 item 兩個區塊

主體格式如下：

<rss version="2.0">
<channel>
<title>Title</title>
<link>http://XXX</link>
<description></description>
<item>
</item>
</channel>
</rss>


item 的內容如下：

<item>
<title> News Title</title>
<link>http://xxx.com/news1.html</link>
<description>... oooxxx... </description>
</item>


當然這是最基本的寫法，詳細的應用可以看看 yahoo 新聞 或其他有提供rss 的網站，

其他還有像 google feedburner 的 工具可以製作RSS,

不過更偷懶的方式就是申請一個Blogger ，大部分的部落格工具都支援RSS發布吧。




要提醒瀏覽器有 xml 時 ，加入下面的語法即可， http://xxx/rss.xml 就是你放在伺服器上的路徑

<link rel="alternate" type="application/rss+xml"
href="http://xxx/rss.xml" title="title">


參考：
[1]. RSS - Really Simple Syndication
[2]. Feedburner`

心得 Youtube 等 flash 檔案遮住 css 下拉式選單

  使用下拉式選單，若下面有嵌入 flash 的話 使用一般的 object, embed 標籤下的話 （ youtube 中 影片右鍵可以 '複製嵌入程式碼'） , 則youtube 的影片在網站上的就會顯示在最上層

若要避免這種情況的話，可以使用 swf object 來必面這個問題

在[1] 有引用swf範例code 如下


<script type="text/javascript" src="swfobject.js"></script>
<div id="ytapiplayer">
You need Flash player 8+ and JavaScript enabled to view this video.
</div>

<script type="text/javascript">

var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/e/VIDEO_ID?enablejsapi=1&playerapiid=ytplayer",
"ytapiplayer", "425", "356", "8", null, null, params, atts);

</script>




VIDEO_ID 是上傳youtube , youtube 給的 ID , 可以從連結影片的路徑中

找到





而[2] 中有提到 在 params 中 加入 wmode: "transparent" 參數設定可以解決這個問題

修正後的 變數如下,在此我順便設定了允許全螢幕的選項:


var params = { allowScriptAccess: "always" , allowFullScreen: 'true' , wmode: "transparent"};






詳細 的 params 變數可以參考[3].

參考：
[1]: YouTube API and Tools
[2]: Clayliao.f2e , 解決Flash 遮住 javascript 的小技巧
[3]: swf document

心得 Google Search API

    Google Search api 改版後，現在可以分成 個人 或商用的 ，最顯著的差異就是 商用不會有廣告，但要付錢， 申請的方式也是和google 帳號綁在一起，
  Sites to search: 的地方 可以所定要查詢的網站名稱

 設定完之後會給 javascript 和 css 檔 複製到網頁上就可以使用


  此外， [2] 中也提供了相關API 的定義，像 .execute(query)  就是 查詢query 的字串




參考：
[1] : Google Custom Search
[2] : Google Custom Search Element

心得 將Google app engine 的網站 掛到 Google Apps 的網域下

無法查看此摘要。請 按這裡查看文章。