2007年5月11日 星期五

更換NEO面板

Blogger提供的預設面板都不是很理想,可悲的是我也看不懂怎麼去更改,
寫HTML也是一門需要鑽研的技術,基本上也是一種程式語言,
在發愁又閒逛的時候,無意中在PTT Blog版上看到這個面板,
不只是改改樣子,作者更是做出一項新技術,
可以讓文章的讀取時間大幅的縮短,
套用之後果然不同凡響,中間藍框的文章列表點選文章標題之後,
右邊的文章區會很快速的立刻顯現文章內容,
相對於一般的文章列表,好比左邊那個依照日期排列的部份,
點選之後,文章讀取的時間很明顯的比較長。

要安裝套用NEO面板很簡單,下面簡略的翻譯自原文

1.
備份原有的版面,在範本的項目裡選取修改 HTML,選取下載完整模版應該就可以了。

2.
修改 HTML下,取消展開小裝置範本,不必詳看widget的內容,
然後將所有在之後的b:widget的項目都複製到一個文字檔裡,
原始文章說id=Blog1的不必複製,但是我遇到Header1重複的問題,
所以我也沒有複製Header1的部份。

3.
下載Neo面板
按右鍵另存上面的連結,也就是把neo.xml另存到電腦裡,
接著用文字編輯器打開neo.xml,將剛剛複製的一堆b:widget放到
/b:widget

/b:section

之間,位置在靠近最下方的部份,儲存起來。

4.
修改 HTML下,選擇上傳剛剛做好的neo.xml,如果出現








這種類似的畫面,那就是提醒你有錯誤,錯誤在於少了提示裏面的那幾個widget,
這時候千萬不要點選save,要選cancel,不然就會遺失掉widget,
這時候再回到原來保留下來的原始面板,去找遺失的b:widget,貼到第3步的那個位置就可以了,
確定上傳沒問題之後,還要再做調整。

5.
打開範本裡的網頁元素
















Posts跟Labels是Neo面板有的,另外可以加上Blog 存檔。

6.
設定網站提供裡切換為進階模式,儲存,
然後到格式裡,將文章的顯示數目調為1 文章,儲存

經過以上調整,就是套用了neo這個面板了。

沒有留言: