調整修改Blog

修改更新Facebook按鈕掛載script:

簡易iFrame法：http://www.simplebloggertutorials.com/2010/05/how-to-add-facebook-like-button-in.html

較複雜的XFBML法：http://www.simplebloggertutorials.com/2011/01/add-facebook-xfbml-like-button-to.html

iFrame的讚按鍵的comment可以用，但是send沒反應。而XFBML的send正常，但讚的comment，還要去申請appid，有夠麻煩。所以繞了一大圈最後還是用回iFrame版本，並且把感覺用不太到的send給關掉。在Post上下端同時加，觀察一下情況再做調整。

Yahoo站長工具

之前已經有裝Google Analytics，在Google裡的能見度就有慢慢提升，搜尋引擎最佳化(SEO)還是有效果。不過台灣還是以Yahoo使用者居多，所以也增加yahoo的統計數據，增加被Yahoo搜尋的能見度。比較好笑的是貼紙的部分，Yahoo有提供許多不同的貼紙可供選擇，但只有javascript版的會隨之切換，如果純貼圖版的就只有一種，沒得換。

還有個Facebook insights，可以觀察網站與facebook之間的流量，不過這個統計似乎就是以"自我感覺良好"的性質居多，沒有SEO的功能，就先暫緩不裝。

jQuery

於Blogger head 裡增加 jQuery 1.5.2，希望能提昇閱讀瀏覽品質。

掛載來源Google CDN: http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js

test

jQuery 改裝第一炮：對太長的文章，增加動態跳轉捲動鍵 :-D，不過jQuery外掛scrollTo沒有CDN可以直接拉過來，只好直接把Script硬塞在文章最底下Orz。另考慮把css和scrollTo都用外掛檔案掛進來比較節省流量，加速載入速度。只是比較怕外掛的主機空間壞掉就整破版，要開個post備份css(；´Д`A

另外想針對IE無法顯示H1~H7圓角的問題作處理，找了一個10k大小的jQuery 外掛 jquery.corner.js，js檔暫時借放在byethost7的空間，希望這個主機可以穩定一些。 不過這個外掛還是沒辦法處理照片img，所以目前IE的照片還是尖角。

不過如果硬要弄應該還是可以做得出來。(用CSS指定div背景照片後，再讓這個div加圓角)

最後就是加上Blogger內建的讀者反應的功能，似乎沒有防灌水的機制，就純粹好玩而已 XD。

Blogger 新功能 動態檢視 Dynamic Views

2011漁人節前一天，Blogger公開了新的瀏覽介面。看起來應該是吃RSS的資料來重新整理。以前就覺得Blog的資料要是堆得多一點，要像雜誌一樣快速翻閱就有其不便之處，有這功能就稍稍補足這個缺憾，但是瀏覽器效能似乎也被拖慢了不少。不過還是要替Blogger團隊鼓鼓掌，帶來了難得的新功能。影片簡介如下：

要啟動這項功能，需確認你的Blogger的設定如下：

• 你的Blog設定為公開(Public)。
• 在 設定 / 網站提供 裡，允許網誌資訊提供的設定值為：選 "直到繼續閱讀標示為止" 或是 "完整"。
• 在 設定 / 格式 裡，啟用動態檢視，選"是"。

這樣就有動態檢視的功能出來啦！

樣式例

• 翻卡 Flipcard: 顯示在 [blogger網址]/view/flipcard 例：在新頁面開啟
• 馬賽克 Mosaic: 顯示在 [blogger網址]/view/mosaic 例：在新頁面開啟
• 側編欄 Sidebar: 顯示在 [blogger網址]/view/sidebar 例：在新頁面開啟
• 快照 Snapshot: av顯示在 [blogger網址]/view/snapshot 例：在新頁面開啟
• 時間軸 Timeslide: 顯示在 [blogger網址]/view/timeslide 例：在新頁面開啟

果然每一篇Blog還是要有圖片才好看呀！不過似乎不會直接出現啟動的連結，只好自己在側邊欄先做連結來啟動。

Zard's Blog 2010秋季改版 以後還是多寫Blog卡實在

離上次改版也有一年了，雖然中間文章也少得可憐Orz。還是整理一下門面，有空要開始寫"西遊記"了。不過不知道要拖稿拖多久。但是拖愈久，印象也就愈模糊了(泣)。

站內裝修大致完成!

花了一點時間把門面重新設計一下，看起來還有點季節感(希望發文速度可以趕上換季速度...)。另外版面預設的字距及行距，中文字看起來有點擠，就把它加寬了。其實也不算很難弄，有點CSS底子就還蠻快的。另外現在版面加寬，內文區可以貼到600px寬的圖，也是一大改善。雖然沒有裝什麼新奇的功能，不過主要目地就是要讓版面看起來清爽，適合大畫面及中文顯示，跨Blog不會差太多的設計。

blog總算修好、備分完成

花了幾個小時, 總算把壞掉的Wordpress修好, (用免費的空間架站,壞了就要認命點) 把資料庫倒回去, (實際上是人工還原 XD ), 還有留言半個月沒回的,真是不好意思阿!! 再把一些舊文也轉到MSN的空間備分起來(汗|||)

更新: 後來新版本就不需要以下的設定了,預設就是UTF-8

MIT Course Ware 蠻多值得學習的內容,只是最近是在是忙不過來(明明就是自己沒好好利用時間). 學習進度極為緩慢... 下面有中文化的版本 http://www.myoops.org/ 不過翻譯的進度也不是很快, 大家都很忙吧 XD.