搜索

自訂搜尋
=====================================================================
Free Website Hosting

2008年9月19日星期五

首頁即時可展開的留言回應

Blogger 中唯一不能自訂樣式的介面,就只有留言回應的系統,主要的原因應該是留言者的身份認證所致,那個部分有太多的檢查、而且又不容易模組化。即使用了自訂網域,使用者一旦留言馬上就露了餡,看得出來這個 Blog 是 host 在 Blogger 上面的,不過這不是本文重點。在 Blogger 裡面如果只是要看每篇文章的留言內容,以現在的瀏覽流程來看,除了點入該篇文章連結去瀏覽單篇文章外,其他方式都會被指向到 Blogger 的留言介面去,並沒有一個單純只是瀏覽留言、卻又不用指向單篇文章的方法(講那麼複雜,就是可以在首頁、Archived 和搜尋結果的頁面、不用跳轉連結就能看特定文章的留言回應)。
後來不經意地看到了一個範例,操作的感覺和效率正是我要的 Hack,就動手準備拿來用,深入看了程式碼後發現了幾個問題:第一,範例裡面用的是 included 放在別人站上的 Javascript 檔案,裡面更扯的還要綁作者的一個 PHP 去做資料處理服務!第二,這個範例與樣版範本有很大的關連性,也就是說修改的地方照範例改了,出來的效果會因為你樣版和對方不同而有很大的差異!為了符合我自己的版面,所以就花了一些功夫去改原作者的程式碼,也因此改完的結果不是剪貼程式碼進去就能用。所以這次不貼出我自己 Hack 的程式碼,此部分請參考原作者原文,搭配我 Blog 的原始碼服用~(這次的修改牽扯的範圍很大,除了記得要備份之外,如果不是很瞭解範本的人,也不要輕易嘗試~)
根據原作者的範例,我有做一些修改:首先針對上面提到的第一點,我修改作者的 Javascript 檔案,除了修改函式和變數名稱(至少我要看得懂)、精簡程式碼外,也拿掉會連回原作者服務的部分功能函式(有犧牲到一點功能,但至少不會再要求連回作者網站)。接下來,因為這是關於「留言回應」的操作,當沒有留言的時候當然功能就要關閉(可以節省原始碼數量),有改到範本的部分也加入了註解。然後,能夠展開當然也要可以收合回去,我也補入了收合的連結,並且要兼顧整篇文章瀏覽和展開留言兩邊版面的一致和美觀。最後花最多時間的,還是在調整版面,以及修改 CSS。以上步驟講得很簡單,真的改起來會要人命~(花了我幾天 Debug)
細節不講了,美中不足的有兩點:第一,損失留言作者的連結(這就是上面提到的犧牲到的一點功能),第二,之前做的作者回應標示也沒辦法實現。不過能有目前的效果和效率(速度比原作者更快),美中不足的地方也瑕不掩瑜吧!最後再補充我參考的文章以及原作者連結,希望有興趣的人都可以改得順利~

轉至:http://abintech.azhai.org/2007/02/comment-toggling.html

上傳賺錢

友情連結