Blogger Utilities

在撰寫 blog 的時候，會用到一些第三方開發的工具。以下將這些工具作一整理。

1. Blogger 編輯文章，如何加入繼續閱讀的功能

此部份請參考 Blog語法研究室的文章 『新版Blogspot範本有「繼續閱讀」的功能』。

2. 多層樹狀標籤

基本原理是使用 google blogger 的小工具『標籤』，並更改其 Java Script，這邊我是使用 WFU 所提供的樹狀標籤，可參考以下兩個URL。
http://wayne-fu.blogspot.tw/2013/01/multi-tree-label-update.html
http://wayne-fu.blogspot.tw/2012/06/multi-tree-label-1.html

3. 幫部落格文章自動定標籤

雲標籤
http://amanda0626.blogspot.tw/2013/05/blog-post_24.html
http://www.playpcesor.com/2007/11/sitetag.html

4. Blogger 設定電子郵件發文的功能

Blogger平台提供透過電子郵件發文的功能，其用法如下：

1. 以您的帳號密碼登入，進入 [ 管理後台 ]。
2. 到右側邊欄位點選【設定】的【行動裝置及電子郵件】。
3. 在[ 以電子郵件傳送 ] 的 [ 使用電子郵件張貼 ] 右邊空白欄位輸入一組代碼，再加上前後的 ******.您的代碼@blogger.com ，即為您的發文專用的電子郵件。
4. 在右上角按【儲存設定】即可完成。

5. Blogger 熱門文章

Blogger平台提供了許多小工具，使用其提供的熱門文章就很好用了。

6. Blogger 張貼程式碼

這邊提供我常用的兩個方法 

方法一：

當文章中需要加入程式碼時，首先切換到 HTML 編輯模式，在文章的最前方加入使用以下程式碼
<style type="text/css"><!--
code {
display:block;
overflow:auto;
font-family:"Courier New";
white-space:pre;
background:#F0F0F0 url(images/CodeBlock.png) repeat-y scroll left top;
border:1px solid #CCC;
margin:5px 15px 0;
padding:5px 5px 5px 20px;
line-height:1.2em;
max-height:80;
width:90%;
}
</style>

在程式碼的前方與後方分別加上<code></code>，如下：
<code>-(void)saveImage:(UIImage*)image        toAlbum:(NSString*)albumName        withCompletionBlock:(SaveImageCompletion)completionBlock;
</code> 

顯示的結果為 -(void)saveImage:(UIImage*)image toAlbum:(NSString*)albumName withCompletionBlock:(SaveImageCompletion)completionBlock; 

方法二：

使用免費的 highlight 程式，幫忙產生對應的 html code，再複製到 blogger。

註：另外建議這個放程式的方法，很棒，但我還不會用。