在 Google Blogger 部落格中製作網誌文章清單

在 Google Blogger 部落格中製作網誌文章清單： 

無論在 Blogger 部落格的首頁、搜尋頁面和標籤分類中看網誌，網誌顯示都是完整一篇，如果每篇網誌都長長的文字，加上大量的圖片，要找尋需要的網誌，便要有點耐性！但筆者的網誌已經超過八百篇，所以搜尋時間真是很長，看見有些 Blogger 的網頁是可以顯示文章標題、部分內文和小圖片，一頁顯示多篇網誌，這樣便快捷找尋網誌，不用翻來翻去。

部落格中網誌文章清單

製作網誌文章清單：

1. 進入 Blogspot 後台 → 範本 → 編輯HTML
2. 將鼠標移動到 HTML 範本視窗內 → 按鼠標左鍵
3. 然後按 Ctrl+F → 在 Search 欄位鍵入下代碼 ⁢<b:include data="post" name="post"> → 回車
4. 用替代程式代碼更換 ⁢<b:include data='post' name='post'/>
   
   

   

   範本 → 編輯 HTML

   

   將鼠標移動到 HTML 範本視窗內 → 按鼠標左鍵 → <b:include data='post' name='post'/>

   

   在 下面更改程式代碼 <b:include data='post' name='post'/>

   

   更改後的程式代碼

   

   儲存範本

   原程式代碼
   <b:include data='post' name='post'/>
   
   
   替代程式代碼
   <!-- <b:include data='post' name='post'/> 原有語句 -->
   <!-- 讓 Blogger 標籤/搜尋頁面 只顯示文章標題、部分內文、小圖片 -->
   <b:if cond='data:blog.homepageUrl != data:blog.url'>
   <b:if cond='data:blog.pageType == "index"'>
   <div><a imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img expr:src='data:post.thumbnailUrl'/></a></div>
   <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
   <div class='item-snippet'><data:post.snippet/></div>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>
   <b:else/>
   <b:include data='post' name='post'/>
   </b:if>
   <!-- 讓 Blogger 標籤/搜尋頁面 只顯示文章標題、部分內文、小圖片 --> 
   相關網址：
   
   
   2014 年 2 月 4日 天氣報告
   氣溫：17.9 度 @ 18:40
   相對濕度：百分之79%
   天氣：多雲