中文部落格服務平台(BSP)功能比較表

https://blogger-script-study.blogspot.com/2009/08/bsp.html

相信很網民都有過部落格搬家的經驗，所以說找到一個優質穩定且持續經營的部落格服務平台(BSP，Blogger Service Provider)就顯得非常的重要，這篇文章的資料是我於2008年10月時所整理的資料，相信大部分的資料還可以參考。

下面的表格列出了台灣當下大部分的 BSP 業者所提供的服務比較表，還包含了 Windows Live Writer (WLW) 的支援比較，因為我對線上的 html 編輯模式非常不喜歡，而 WLW 則可以支援離線部落格文章編輯。對 WLW 有興趣的朋友可以參考 部落格編輯器(Blog Editor) Windows Live Writer 2008。

另外，如發現資料有誤，煩請通知。

我最終的選擇了 Blogger 當我的 BSP，因為：

• 我希望 BSP 要支援 Windows Live Writer ，而 Blogger 就有被支援，可以離線寫好網誌再放到網路上。
• 我希望圖片的容量要夠大，而 Blogger 可以支援到 1G，可以說是最大的。
• 最後也是最重要的，Blogger 現在是 Google 在養的，應該不會在不景氣的當下再易主或是倒閉才是。

---

原始文章引用來自：【發現生活的價值】[Blog語法] 中文BSP(部落格服務平台)功能比較表

---

相關閱讀：
回到 Blogger 部落格技巧總整理

如何更改Blogger側邊欄的標題成為有背景的文字

https://blogger-script-study.blogspot.com/2009/08/change-sidebar-text-to-background.html

總覺得原來 Blogger 板型的側邊欄標題文字不是很明顯，看過別人的板型後覺得如果能把文字標題加上背景反白顏色，似乎會有不錯的效果。底下就是為了實現這個理念而做的板修改。

寫在前面

• 本文章所介紹的修改方法，都是以橘色系、兩欄、非固定式的 Blogger 官方板行為基礎。點這裡確認修改的板型。
• 更改 Blogger 的板型(template)前，請記得每次先備份自己的 【Blogger 範本】，才不會因為修改沒成功而造成整個部落格而法顯示。按這裡瞭解更多關於『如何修改及備份 Blogger 板型』的注意事項。強烈建議更改板型以前必須備份原來板型。

更改板型－側邊欄標題加上背景顏色 

修改前的板型	修改後的板型(是否覺得不太一樣)

1. 打開 Bolgger 板型之後，先找到 【/* Variable definitions】，然後新增兩組顏色常數定義。這是為了方便以後我們想要更改側邊欄標題顏色時，只要來這邊更改即可。

• 第一組定義側邊欄的標題顏色 (常數名稱：sidebartitlecolor)，我在這裡將之設定為白色 (#FFFFFF)，因為我想要坐反底白字的效果。
• 第二組定義側邊欄的標題背景顏色 (常數名稱：sidebartitlebgcolor)，我在這裡將之設定為暗綠色 (#B8A80D)的背景，因為我想要坐反底白字的效果。
• 整體效果應該如下

  側邊欄標題顏色

▼原始板型內容

程式碼	/* Variable definitions    ====================    <Variable name="textcolor" description="Text Color"              type="color" default="#000" value="#000000">    <Variable name="bgcolor" description="Page Background Color"              type="color" default="#f6f6f6" value="#f6f6f6">

▼ 修改後的板型內容 (紅色為新增部份)，注意文字必須正確。

程式碼

/* Variable definitions    ====================    <Variable name="sidebartitlecolor" description="SideBar Title Color"              type="color" default="#FFFFFF" value="#FFFFFF">    <Variable name="sidebartitlebgcolor" description="SideBar Title Background Color"              type="color" default="#B8A80D" value="#B8A80D">    <Variable name="textcolor" description="Text Color"              type="color" default="#000" value="#000000">

2. 再用搜尋功能找到【#sidebar h2】，然後定義側邊欄的標題所要採用的格式。

• 側邊欄的標題採用 h2 (段落2)的格式。
• 定義標題文字顏色採用常數 sidebartitlecolor 的顏色內容。 color:$sidebartitlecolor;
• 定義標題文字背景採用常數 sidebartitlebgcolor 的顏色內容。 color:$sidebartitlebgcolor;
• 定義標題文字的上邊填滿  3 個點的空白。padding-top:3px;
• 定義標題文字的下邊填滿  3 個點的空白。padding- bottom:3px;
• 定義標題文字的上邊填滿  20 個點的空白。padding-left:3px; 

▼原始板型內容

程式碼	#sidebar h2 {   color:$sidebarcolor;   margin:0px;   padding:0px;   font:$headerfont; } #sidebar .widget {

▼ 修改後的板型內容 (紅色為新增或修改的部份)，注意文字必須正確。

程式碼	#sidebar h2 {   color:$sidebartitlecolor;   background-color:$sidebartitlebgcolor;   margin:0px;   padding-top:3px;   padding-bottom:3px;   padding-left:20px;  /* 定義標題文字的上邊填滿  20 個點的空白 */   font:$headerfont; } #sidebar .widget {

▼這是板型修改後的成果。 

---

回到 Blogger 部落格技巧總整理

選取修改的板型

https://blogger-script-study.blogspot.com/2009/08/modifying-blogger-template.html

▼目前本網站文章中所提到的板型修改都是以下面所選取的板型為基礎，橘色的風格、兩欄、非固定式。這個板型是 Blogger 官方網站所提供。
 

▼初步設定完成後的部落格首頁如下。

---

回到 Blogger 部落格技巧總整理

Blogger template (板型)修改注意事項

https://blogger-script-study.blogspot.com/2009/08/blogger-template-modification.html

1. 在部落格的頁面的右上角按【登入】。或是由 Google Blogger 頁面登入後進入『資訊主頁』。

2. 在『資訊主頁』的頁面按【版面配置】。

3. 進入 Blogger 的後台頁面後，會先停留在【網頁元素】頁簽的話面，點選【修改HTML】頁簽。

4.  在【修改HTML】頁簽畫面。

• 如果要備份原來的 Blogger 板型範本，就要按【下載完整範本】儲存。
• 如果要上載原來的板型範本或要上載其他的板型，就要點選【瀏覽…】先選擇要上載的板型範本，然後再按【上傳】就可以把範本傳到 Blogger，要注意的是有些外部的 Blogger 板型上傳時可能會有些錯誤發生，就我的經驗，有些只是小問題，Blogger 會通知取消某些功能然後按確定後就可以完成，有些板型則會遭到 Blogger 的拒絕。
• 另外要強調的一點，修改HTML前最好把【展開小型裝置展開】勾選起來，因為有很多的修改都會用到展開的內容。
  

5. HTML修改完成後，記得要按【儲存範本】按鈕。

6. 當按下【儲存範本】後可能會出現錯誤，這時就要看看是否有打錯字或是放錯位置的問題。一般來說 Blogger 都會提示那裡有問題(如下圖)。如果都找不到問題，那就要重新上載原來存檔的範本，或者直接按【清除編輯】。

7. 另外還有一個狀況要注意，當板型修改完畢存檔後， Blogger 並未出現警告錯誤，但是卻出現了預期以外的畫面結果。這通常是忘記在指令行的結束處放上一個「半形分號(;)」當作結束所造成的。請一定要記得放上一個(;)當作指令結束的符號。

---

回到 Blogger 部落格技巧總整理