Blogger 標籤頁面只顯示文章標題和部分內文

剛建好的Blog請朋友瀏覽了一下，發現Blogger提供的標籤顯示方式很難快速找到想要的文章，網路上有很多Blogger裡html修改的相關教學，簡單紀錄一下!

PART A   解決分類/ 標籤/搜尋出現極長的顯示而不易查找的問題

• 修改步驟

1. 自訂 → 範本 → 修改 HTML → 編輯範本的完整 HTML
2. 尋找  <b:include data='post' name='post'/>  這一句，全篇應該只有一句
3. 隱藏步驟2的那一行程式碼，並以下面的[替代程式碼]替代
4. 完成後儲存範本即可

• 替代程式碼

<!-- <b:include data='post' name='post'/> 原有語句 -->
<!-- 讓 Blogger 標籤/搜尋頁面 只顯示文章標題;部分內文;小圖片 -->
<b:if cond="data:blog.homepageUrl != data:blog.url">
<b:if cond="data:blog.pageType == &quot;index&quot;">
<div>
<a href="https://www.blogger.com/null" 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" href="https://www.blogger.com/null"><data:post .title=""></data:post></a></h3>
<div class="item-snippet">
<data:post .snippet=""></data:post></div>
<b:else>
<b:include data="post" name="post">
</b:include></b:else></b:if>
<b:else>
<b:include data="post" name="post">
</b:include></b:else></b:if>
<!-- 讓 Blogger 標籤/搜尋頁面 只顯示文章標題;部分內文;小圖片 -->

PART B   Blogger的自動分頁機制

本來改完標籤搜尋顯示很開心，但是馬上發現每一頁都只顯示5~6篇文章就一定要按下一頁才有文章，讓我很困擾，後來才發現是blogger本身的 "自動分頁機制" 限制，暫時是無解的問題....
blogger官方是根據要載入的資料量來自動決定該頁面會有的文章數量，如果一篇文章出現很多圖，甚至會有兩篇文章就要你翻頁的情形....而修改html的方法基本上也是無效的。不過，還是有一些妥協的方法可以使用 :

1. 所有流量大的文章，使用blogger內建的繼續閱讀來分割文章
2. 如果有用修改html的自動擷取繼續閱讀，無解，手動改用方法一....
3. 取消官方的分頁機制，搜尋、分類和存檔全部都用 JSON & Javascript 的模組來取代
4. 直接避免在文章內塞太多的大圖、減少頁面載入流量

參考資料

1. FreeTong DIY - 讓 Blogger 分類/標籤/搜尋頁面 只顯示文章標題; 部分內文 & 小圖片
   http://freetongdiy.blogspot.tw/2013/10/blogger.html
2. ABIN'S TECH NOTE - 自動分頁的機制
   http://abintech.twidv.com/2010/02/blogger-auto-pagination.html