使用Blogger內建小工具中的「資訊提供」，來產生「最新文章」與「最近留言」的小區塊

Blogger提供的版面配置功能，非常有彈性，透過內建的小工具的功能，就可以很輕鬆的建立：最新文章、最新消息、最近留言、最新回應...等類似功能的小區塊。以下概要的說明：

1. 點選『版面配置』開啟版面配置的頁面，在要加入小區塊的區塊內，點選『新增小工具』。
   
   
2. 在『基本』頁籤內，點選『資訊提供』這個小工具，這個小工具可以將RSS或Atom資訊提供的內容加到網誌中，我們就是要透過這個功能，來建立： 最新文章、最新消息、最近留言、最新回應...等類似功能的小區塊。
   
3. 輸入『資訊提供網址』
   如果要建立最新文章、最新消息，輸入的網址是：
   http://您在blogger的網址/feeds/posts/default
   如果要建立最新回應、最近留言，輸入的網址是：
   http://您在blogger的網址/feeds/comments/default
   如果有設定轉址，要輸入轉址前的網址，例如：books-bod-idv-tw.blogspot.com
   
   
4. 設定資訊提供：
   輸入：標題，最多可以顯示五項、是否顯示日期、是否顯示來源/作者、是否在新視窗中開啟連結 ...
   
   
5. 儲存設定，就完成設定了。
   接著可以脫一小區塊的位置，調整一下想要放置的位置，就大功告成了！
   
   

『bod-idv-tw小書製作』以日期排序的文章標題列表(已更新至最新發表狀態)

如何讓Blogger的『標籤(Label)』和『封存(Archive)』頁面只顯示文章標題？

如何讓Blogger的『標籤(Label)』和『封存(Archive)』頁面只顯示文章標題？

1. 進入Blogger網誌管理畫面
2. 切換到『設計』頁籤
3. 切換到『修改HTML』
4. 進行任何修改前，一定要先備份

5. 選取『展開小裝置範本』

6. 使用瀏覽器的頁面搜尋功能，找到下列字串：

<b:include data='post' name='post'/>

7. 將找到的這一行，置換為以下的內容：

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<!-- 列出標題 -->
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

8. 如果不喜歡上列h3標題的呈現方式，可以使用以下的內容進行置換。

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<!-- 列出標題 -->
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

這樣的呈現方式，會更有助於找資料、閱讀！

使用JavaScript建立Blogger部落格網站的標籤分類文章標題列表(TOC:Table of Contents)

建立Blogger部落格網站的標籤分類文章標題列表的作法：

1. 發表一篇文章，建立類似這樣的標題：小書製作網站的文章標題列表
2. 切換到『修改HTML』的文章編輯模式。並貼上以下內容：
   

   <script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js"></script>
   <script src="http://books.bod.idv.tw/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>
   

3. 第一段Script可以不必變動，這是該網站所提供的js檔連結位置。
4. 第二段Script中的books.bod.idv.tw，要更改為自己Blogger的網址。
5. 其中max-results=500，設定指產生500篇文章的列表。
   
6. 如果要自己建立js檔案，取得JavaScript檔案的位置：
• 依照時間分類：
  http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js
• 依照標籤分類：(SiteMap網站地圖)
  http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js
7. 用來產生文章列表的文章建立後，會有一個對應的網址。
   例如：『小書製作網站的文章標題列表』http://books.bod.idv.tw/2011/02/bod-idv-tw.html
   使用這個網址在Blogger部落格網站上，建立一個文章列表的連結，點選這個連結就可以取的這個網站的500篇文章的標籤分類列表。

參考資料一：
0 與 1 謎詭世界：http://01mistery.blogspot.com/
參考資料二：
Create Table of Contents in Blogger sorted by Date(Archived) or Labels in Blogger
參考資料三：http://www.abu-farhan.com/
參考資料四：http://beautifulbeta.blogspot.com/

在Blogger上貼程式碼的線上轉換工具

要在網頁上顯示程式碼，必須搭配以下 HTML 元素來編寫網頁內容：

1. 使用code元素，來表示程式的原始碼
2. 使用pre元素，來使code中的空白、換行，可以依照輸入的狀態來顯示

但是要自己在線上編輯器中編寫這些HTML碼，是有一些麻煩的，通常還需要再加個外框把這些程式碼框起來，還是找個轉換工具來用會比較方便些！

Format My Source Code for Blogging這個網站提供線上轉換的功能，方便又好用。

使用的方法很簡單：

1. 複製要進行HTML格式轉換的程式碼，貼到如上圖的上放區塊中。
2. 按在『Format Text』進行轉換。
3. 複製下方區塊轉換完成的HTML內容，貼到線上編輯器。

試試看吧！

『bod-idv-tw小書製作』標籤分類文章標題列表(已更新至最新發表狀態)