2008年2月14日 星期四

Blogger資源整理...

data:post.body

寫這篇文章的目的一方面是當作自己修改Blog的記錄,同時也可以把所用得到的資源整理一下,另一方面是希望可以讓想修改Blogger的初學者可以作個參考。

因為Blogger的版面和其他Blog大站所提供的版面比較起來真的很單調,不過Blogger最大的優點就是自由度高,每個人都可以依自己的喜好修改為具有個人特色的版面,不過缺點就是想自行修改必須對html及java等語言有一定程度的認識,所幸網路上有許多高手寫了許許多多的教學文章可供參考,只要按照步驟一步一步修改,就可以將版面變更為自己想要的,不過記得修改前一定要先備份模板,以免修改錯誤又改不回來可就後悔莫及。

我是選擇Denim這個範本開始修改,修改的順序大致如下:

1.增加側邊欄位
因為Blogger所提供的範本只有一個側邊欄位所以參考了Shiou's Notepad的Blog中的筆記:將Template改成三欄這篇文章修改Blog的版面。


2.增加一些小工具到Blog上
網路上有很多有提供Blog小工具的網站或Blog,找到自己想用的小工具後,將java或html的程式碼經由-版面配置>網頁元素>加入網頁元素,在選擇HTML/JavaScript這個項目,然後將程式碼貼上就可以了。


3.更改文章為只顯示部份並可伸縮
因Blogger原始並沒有繼續閱讀的功能,如果你的首頁文章數一多或是文章的長度較長可能首頁的長度會讓你拉到死,所以參考了Craig's BlogAbin's Tech Note裡的Blogger首頁之文章伸縮首頁長篇文章的收合這邊文章作修改,讓文章可以不全部顯示讓畫面較乾淨。

4.變更網址列的小圖示(Favicon)
Blogger原始設定的網址列小圖示感覺不太好看,所以參考了Craig's Blog裡的幫Blog做個小圖示這篇文章修改了網址列的小圖示。

5.修改留言設定區別作者和訪客的留言
參考Abin's Tech Note裡的作者和一般回應的標示區別 (Author comment highlighting)這篇文章修改讓作者的留言以不同顏色顯示和訪客的留言作區別。

6.修改為嵌入留言欄
參考Not My Business裡的Blogger文章內嵌意見可使用email訂閱這篇文章把留言的欄位修改為嵌入留言欄。

Blog資源
波奇部落格玩意工廠:有整理了很多的小工具可用。
Shiou's Notepad的Blog裡的Blogger教學資源彙整有整理的很詳細的資源可參考。
Craig's BlogHack裡面也有很多修改Blogger的教學文章。
Abin's Tech NoteBLOGGER HACK也有很多教學文章。

暫時就先這樣,若有其他修改將再更新本篇文章。

0 意見:

張貼留言