引用自: Shiou's Note
http://shiouhhc.blogspot.com/2007/08/blogger_27.html
A. Blogger教學資源彙整
這陣子，學著使用Blogger，一開始完全搞不清楚狀況，所幸網路上有很多教學資源可以參考，總算是漸入佳境。把這陣子讀過的好文章，整理一下，希望能給跟我一樣初入門者作為參考。感謝提供這些教學資源的作者。
建立基本概念
教學網站推薦：這幾個網站的教學文章很豐富，實用，重點是比較容易看懂。
Hacks 總覽：以下幾篇文章，作者整理列出自己建置部落格時所用到Hacks。
- Craig's Blog: 讓你的Blogger大晉級
- 0 與 1 謎詭世界: Blogger初入門教學彙集
- Fun New Run High: blogger tips
- LVCHEN 的美國生活指南: 本站設計與 Hack 總覽
- CityNight.Net 城市網夜: My Blogger Page Elements
範本下載
- 羊男實驗の咖啡館 ＊ [ METAMUSE ]: Blogger 3 Columns Template 三欄式範本 BlackCat 2.0 FinalTune
- The Blogger WorkShop
- Template « WordPress.com Blog
實用Hacks/Widgets的教學文章
- 增加第二側邊欄位
- 顯示文章列表 (Table of Contents,ToC)
- 收藏文章至共享書籤網站
- 部落格工具–方便讀者將文章加入共享書籤 « Oldman’s Blog
- Ben's 部落不及格: 為每篇文章加入共享書籤連結
- Add This! Social Bookmark and Feed Button - Web2.0 Social Media Optimization
- 部落格工具–方便讀者將文章加入共享書籤 « Oldman’s Blog
- 最新文章與最新回應
- 快速的在Blogger加入「最新文章」 « WordPress.com Blog
- Blogger最新回應程式產生器(8/24/2007更新)
- DesignTree: Blogger 最新文章 + 最新回覆 ( 新 )
- 快速的在Blogger加入「最新文章」 « WordPress.com Blog
- Favicon
- Blog Search
- Abin's Tech Note: 內嵌搜尋引擎來做 Blog 的全文搜尋 (Blog Search)
- liya 的自言自語: 幫blogger / blogspot加入文章搜尋框
- 堯@部落格: 彈指搞定Blogger搜尋
- Abin's Tech Note: 內嵌搜尋引擎來做 Blog 的全文搜尋 (Blog Search)
- 繼續閱讀
- 其他：也很實用的Hacks/Widgets
- GG派: blogger:在Blogger Beta的独立文章页中增加所在位置导航
- Abin's Tech Note: 標籤/搜尋頁面只列出標題 (Simplify the result of label and search)
- Craig's Blog: 程式碼區
- Fun New Run High: 如何讓 blogger (blogspot)的留言者, 收到作者已回覆的訊息?
- Beautiful Beta: Picasa Album Widget
- 輕鬆的將Google Reader訂閱加入你的Blogger « WordPress.com Blog
- Abin's Tech Note: 為 Blogger 加入整合日曆 Archive Calendar
- Abin's Tech Note: 作者和一般回應的標示區別 (Author comment highlighting)
- GG派: blogger:在Blogger Beta的独立文章页中增加所在位置导航
相關工具網站：提供內嵌或外掛的部落格工具，流量分析/工具按鈕/Badge/...
- My µStats - The micro stats widget
- Histats.com
- ShoutMix - Free shoutbox, tagboard!
- Cbox · About · Free Tagboard and Chat Widget for your Site
- TwitThis
- aNobii: 建立、分享以及瀏覽書籍清單
- MyBlogLog
- Twitter
- Buboo
- Yet Another Twitter Badge - Twitter Balloon korelab
- Slide - slideshows, slide shows, photo sharing, image hosting, widgets, MySpace codes, web publishing, music - Slide
- Blogger新手入門三部曲(修改HTML篇)
- Blogger新手入門二部曲(一千零一招篇)
- Blogger新手入門首部曲(基本設定篇)
- 使用quickrpickr批次貼圖到Blogger
http://lvchen.blogspot.com/2007/08/for-blogger-16.html
最新！加增強型最新回應 for blogger v1.7 版正式發佈！
加強型最新回應 1.7 版格式設定
接下來真的是重點中的重點了。
到底怎樣才能讓留言外掛與眾不同呢？
快速套用格式
這個功能在 1.6 版的安裝程式就有了，共有兩種格式可以直接套用，一個是預設，另一個是無名格式。
看到很多朋友都用了 LVCHEN 的預設格式，真的讓人感到有些...
因為這預設格式完全是依照 LVCHEN 那完全沒有美感的個性，量身訂做打造出來的，這...LVCHEN 實在是創意不足，真的感謝喜歡這個樣式的朋友。
跟我預料的相反，根據 LVCHEN 的明查暗訪，竟發現不是很多人使用「無名格式」，難道來到 blogger 的朋友都是從無名逃出來的，發誓再也不要跟無名藕斷絲連嗎？其實無名格式勝在簡潔，雖然設計出這個格式的人很明顯就是參考論壇或是 BBS 的回應做出來的，但總之還是挺佩服滴，而 LVCHEN 參考的無名的格式，加上本外掛獨有的摺疊內文與換頁功能，是不是有把這個格式發揚光大呢，就讓我們繼續觀察吧！
無限想像的進階選項
恩...其實也沒有那麼神奇啦，不過就是個留言外掛，花什麼腦力想那麼幹麻！
不過呢，接下來還是讓我們在安裝程式的第二頁，點一下「進階」，開啟這神秘的未知空間。
寫到這呢，先讓我特別介紹一下可愛的右邊欄。這右側的說明欄可是本版安裝程式最大的進化，還會隨傳隨到，有看不懂設定的只要稍微喵一下（小聲一點），就會看到清楚的說明喔。
按鈕圖片、顯示文字等等都是非常直覺的設定，大家容易感到困惑的，應該是下面圖中的幾個設定欄位吧。
想寫什麼就寫什麼的「頁尾資訊」
所謂的「頁尾資訊」，就是在外掛最下方，換頁按鈕上方的訊息文字。這個欄位可以讓大家想寫什麼就寫什麼，千萬別客氣，例如你可以玩大一點，在這個欄位裡輸入：
結果就會變成下面的樣子：
至於不想用這個訊息的人，這一欄留白即可。
格式自訂三部曲
透過「留言者格式」、「標題格式」、「留言格式」，你可以完全的
「%content%」 是個很特別的標籤，如果沒有指定這個標籤，就不會出現摺疊內文與開關按鈕，而且「%content%」前後的文字還會在完整留言被收合起來時，一起被隱藏，是不是很酷呢！
來個簡單的例子，就把 %content% 這個標籤連前後的字一口氣刪掉吧：
%rcAuthorLinkFormat% 於 %rcTitleLinkFormat% %rcSay% - %timestamp%
下面就是成果，收合的完整留言不見囉！
再來玩個有趣的...
%rcAuthorLinkFormat% 對著 %rcTitleLinkFormat% %rcSay% 大聲說：「%content%」 - %timestamp%
呵呵，就會變成下面那個樣子，會不會讓你想到更多好玩的應用呢！
只有一點要注意，就是特殊字元的代換，例如『「』，建議應該要用「「」代替（有時不用好像也行，我也搞不清楚），以免出現奇怪的錯誤喔。
其他的欄位在安裝程式中都有詳細的說明，經實驗證明，保證絕對是一看就懂，一點就通，如果玩出什麼好鳥的朋友，記得來通知一聲，LVCHEN 來做個自訂格式大集錦，方便喜歡的朋友直接套用囉！
呵呵，好像說不完呢，那麼，更多的樣式設定，如利用 CSS 的調整，就留到下一篇再跟各位報告吧。
加強型最新回應 1.7 版深入了解
補充說明：
Full or Short Feeds, your choice：
首先是之前在「修正與感想」就提過的，即使只有使用摘要的 feeds，在這個最新版本上依然可以正常顯示，只不過，因為你沒有完整留言的資訊，可摺疊收合的部分就變成摘要，而原本應該是摘要的，就變成更短的摘要（取前 40 個字元）。
至於設成 none 的話....無解！
遠離 document.write()， 遠離白畫面
再來就是完全不再使用 document.write() 這個 method。
我深刻的覺得這是一個過時的載入方法，常常看到許多 Javascript 在製作設計時為了方便，使用了一堆 document.write() 即時載入網頁，這種做法不但容易拖慢網頁的執行速度，當多個 script 同時執行時，更是非常容易錯亂。
其實自 1.6 版起，我已經儘量減少這個 method 的使用，但為了增加執行的效率，還是有在程式一載入時，使用了一個 method。
我並不是反對完全禁用 document.write() 這個 method，只是當有取代的執行方式時，則儘量避免，如果必須用到我還是會用的（如 1.6 版的載入方式）。
自 1.7 版起，會先去抓取 「###recentComment###」 這個標籤，然後在同樣的位置上執行。
你甚至可以將 1.7 版的載入程式碼與設定直接放在模板（template）內，然後將「###recentComment###」放在任何一個網頁元素內，但要記住，放在主欄位或是在文章內文輸入這個標籤，都不會執行。
當然也不是完全不行放在側邊欄以外的地方，只是這樣做的意義不大，如果有人有需要在 blogger 的側邊欄以外的地方執行這個外掛（例如我的安裝程式的預覽功能），可以翻翻原程式碼，看看我是怎麼寫的，或是寫 e-mail 來問我。
1.7 與 1.6 是個性不同的兩兄弟！
至於為什麼 1.7 版有這麼大幅度的改動，導致完全與 1.6 版不相容呢？
這主要的原因是我改變了變數的名稱與格式標籤的命名方式。
有鑒於網友們使用的外掛種類繁多，互相之間容易衝突，為了提高相容性，我大大的減少了全域變數（global variables）與全域函式（global function）的使用，具體構想來自阿土伯寫的「Blogger Hack Tip #2 - Javascript Code Style」。
而格式標籤命名方式，則全部改成包在「%」內，這是因為「#」實在是太難處理了，例如 ASCII 特殊字元，就是以「&#」開頭，在辨識上非常容易出現錯誤。
想怎麼改，就怎麼改
在這一版的外觀設定上，除了完全可以自訂你想要顯示的訊息、按鈕，還可以選擇取消某些你不想用到的功能。例如跳頁按鈕。
原 1.6 版的標題被我取消了，因為每個人都可以簡單的用 HTML 語法寫上自己的標題，或是乾脆直接給新增的網頁元素一個好名字，另外加上標題設定的功能好像多此一舉。
有些人提到應該做個「取消摺疊按鈕」的選項，其實我已經考慮到了，但我並沒有在安裝程式放上這個選項，因為...因為為了鼓勵大家自訂自己喜歡的格式，我把這個小功能隱藏在自訂格式裡。
只要在「留言格式」裡刪除「%content%」這個標籤，沒有完整留言，當然就不會出現摺疊開關按鈕囉。（聽不懂？沒關係，後面還會再提到，有圖文範例喔）
留言應該要跟刪掉的文章一起消失
這比較算是隱私問題。
雖然在 blogger 上，被刪除的文章，其下的留言還會被保留下來，這應該算是 blogger 的一個 bug。
有時候透過留言還是可以稍微猜到原來文章的內容，這也許會造成某些人的困擾，而我考慮了許久，終於決定在讀取留言時，將不顯示文章已被刪除的留言。
或許你會說，只要從留言的 RSS 上，還是可以查到啊！
沒錯，但我覺得這方便與不方便中間，還是有一些原則上的差異，對於人家有意隱藏的訊息，基本的尊重還是非常重要的，也就是顧慮到這些，才會想在這版中加上這個小小的限制。
ㄟ...LVCHEN 你想太多，廢話也很多喔！
大概吧...
既然標題寫的是深入瞭解，當然要帶大家瞭解的深入一些啦，這也是我兩個多月來的努力成果！尤其是許多函式都重新改寫，雖然增加了許多功能與設定， 但程式的大小與 1.6 版相比 (8240 bytes)，完全沒有增加 (7693 bytes)，而更少的程式碼，卻相對的能有更高的執行效率與更多的功能，煞費了我不少苦心呢！
可是有時 loading 很久耶!
唉，這就不是 LVCHEN 的錯了...
最近發現有時 Loading 的速度有些慢，這完全是因為 blogger 在回傳資料時，有時會因為系統負荷或是網路速度而稍微遲鈍些，有點耐心多等一下就好囉。
還有沒有啊...
唉唷，就這麼多啦，接下來會用飯粒煮給大家看，ㄟ...不是，是用範例展示一些參數的應用，與外觀的進階設定，尤其是一些網友之前提到的疑問與特殊要求，想要多了解自訂外觀的朋友一定不要錯過喔。
加強型最新回應 1.7 版安裝說明
經過整整一個月的測試，就是今天啦！
Chang Logs:
（依重要性排列，含 1.6 bugfix）
- 支援非完整留言的 feeds，無論你的部落格是短留言還是完整留言，都可以正常顯示。
- 不再使用 document.write()，所以一定要有「###recentComment###」的標籤，才能執行。
- 相容性更高的變數設定，並最少化全域變數 (global variables)。
- 改變格式標籤命名方式。使用 「%」 而非 「#」 作為格式標籤的包圍字元。
- 可以自訂外掛內看的到的所有文字與顯示訊息。（Liya 你的願望有希望達成囉！）
- 更彈性的外觀設定。
- 取消了標題欄。
- 原文被刪除後，相關的留言將不會顯示。
- 完全相容 jQuery 1.2 規格。
- 更少的程式碼、更高的執行效率。
- 修正自訂開關圖片在「顯示全部」時載入錯誤的問題。
- 修正了數個可能存在的文字錯亂問題。
- 修正了留言摘要可能會破壞留言者格式的問題。
- 修正因為留言內文出現格式標籤而導致留言錯亂的問題。
- 修正 Blogger 改變 API 後，摘要無法出現的問題，請參考：「從 Google 修改 API 看 Blogger 未來功能」，感謝 Ken Gao 的提醒。
- 修正了留言的連結，請參考：「期待更精采的世界大賽 」，感謝 Yun 的提醒。
專案首頁：
http://code.google.com/p/lvchen-recentcomments/
程式碼下載：
| 未壓縮中文版 | 已打包中文版 |
| 未壓縮英文版 | 已打包英文版 |
安裝頁面：
| 中文版安裝頁面 | 英文版安裝頁面 |
1.6 升級至 1.7 注意事項：
1.6 版與 1.7 版的參數完全不相容，且兩個版本無法同時執行，請一定要移除 1.6 版後再安裝 1.7 版。
如果你是用 1.6 版的無腦安裝，請先刪除 1.6 版的網頁元素，然後使用 1.7 版無腦安裝程式進行安裝。
如果你是下載我提供的檔案，再放入自己的空間執行，請重新下載檔案並放入私人網頁空間，然後請同樣利用安裝程式產生正確的程式碼，待安裝完成後，再進入新增的網頁元素內修改連結。（注意：1.7 版的最後上載日期是 10/23，在這之前下載 1.7 試用的朋友請記得重新下載）
很多人問，「1.6 版就很好用了，我有必要升級到 1.7 版嗎？」
關於這個問題，我的答案是建議升級，但不勉強。
1.7 版預設的功能與外觀與 1.6 版完全一樣，如果你在安裝 1.6 版時完全使用我預設的程式碼與設定，那你其實並不需要升級到 1.7 版，升級後也許也沒什麼感覺。
不過 1.7 版加強的地方就是可以完全自訂想要的外觀與格式（可能需搭配 CSS），還是很推薦重新安裝來玩玩，尤其這自訂格式真的很好玩滴，我陸續有看到網友做了些很有趣的修改，我相信能夠找到適合自己格子真正的格式，一定是很令人滿足的事，這也是我改版的重點與目標。關於自訂格式的詳細設定，我會在後面的文章更進一步的解釋。
雖然 1.6 版的安裝程式已經移除，但執行的 JS 檔我不會刪除，使用 1.6 版的朋友並不用擔心檔案失效囉。
明天還有更精采詳細的介紹喔！
沒有留言:
張貼留言