讓 Blogger 分類/標籤/搜尋頁面 只顯示文章標題; 部分內文 & 小圖片

2Mar2014 再有更新版本, 可供參考.
排列查詢(Search);文章分類(Label);網誌封存(Archive),只顯示文章標題;部分內文;小圖片;閱讀更多

Blogspot 的編寫自由度很大,  每一篇網誌都可以寫入長長的文字; 大量的圖片.
一旦按下 分類/ 標籤/搜尋 , 它的結果文章, 好大可能出現極長的顯示. 由以極多圖片的網誌最嚴重. :))

所以參考了他人的"Blogspot 語法特效", 再加上我的一點點修改,
而得出這個 "讓 Blogger 分類/標籤/搜尋頁面 只顯示文章標題; 部分內文 & 小圖片"
可以參考本網誌的主頁, 並由 [文章分類] 那裡點下看看成果. 多篇文章時, 好找得多.

這個特效需要修改 [範本](Template), 所以請先行備份, 以準備不時之需.
步驟為 [設計]> [範本]> [編輯HTML]>
在長長程式碼裡頭, 按下鍵盤上的 [Ctrl]+[F] , Search 欄位出現了.

尋找這一句, 全篇應該只有一句.

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

用以下的新的編碼替代.
<!-- xxxxxxx --> 是 remark 備註, 方便日後有需要時更容易找它出來.

<!-- <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 標籤/搜尋頁面 只顯示文章標題;部分內文;小圖片 -->

3 句顯示的編碼, 可以因應要求而自行取捨.
<div><a imageanchor="1" style= ... </div> (顯示 小圖片 編碼)
<h3 class='post-title' ... </h3> (顯示 文章標題 編碼)
<div class='item-snippet' ... </div>(顯示 部分內文 編碼)

按下[儲存範本]即時完成修改. 再按[查看網誌]測試結果. 真是不錯的.

17Oct2013 補回一圖, HTML 尋找時顯示的介面.