【Blogger】讓搜尋標籤的結果頁，只出現標題、摘文與縮圖

圖說：改裝完畢結果示意圖。

這個主題也是跪婦阿冠提出來討論的，在研究了幾篇文章後，整理簡化各家程式碼來做個分享。

在預設情況下，點選標籤的搜尋結果頁，會出現跟首頁一樣的文章排列。

如果文章格式一開始就有一個大圖，然後一大段文字之後才加上繼續閱讀，那麼首頁跟搜尋結果會是一樣的畫面。

搜尋這個動作，本身代表想要快速瀏覽與找到想要的資料，如果這時候看到的文章排列還是跟首頁一樣，文章篇幅大，格式不一定統一，在很多篇很多篇文章中滾動滑鼠會很容易錯失目標。

圖說：預設情況下，搜尋結果示意圖。

做法：

在範本中找到這一段
<b:include data='post' name='post'/>
預設情況下只會有一個結果

用這一段完全取代
<b:if cond='data:blog.searchLabel'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='70px' style='clear:left;float:left;margin-right:10px' width='70px'/>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<data:post.snippet/>
<div class='jump-link' style='align:right;margin-right:20px'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a></div>
<b:else/> 
<b:include data='post' name='post'/>
</b:if>

白話文解說：
如果條件是標籤的搜尋結果（data:blog.searchLabel），則出現縮圖（data:post.thumbnailUrl），文章標題（<data:post.title/>），內文摘要（<data:post.snippet/>）以及繼續閱讀（<data:post.jumpText/>），其他情況，保留預設排列。

如果不要縮圖，可以刪除這一串
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='70px' style='clear:left;float:left;margin-right:10px' width='70px'/>




改造結果，格式統一，基本資訊都有，這樣才比較滿足「搜尋」這一件事情的意義。

也可搭配這一篇一起決定是否保留文章上方的時間區塊
【精華】絕妙靈活判斷式，可抓到「標籤搜尋結果頁面」



完工～

---

本篇參考了以下教學：

如何讓Blogger的『標籤(Label)』和『封存(Archive)』頁面只顯示文章標題？
Blogger 標籤、網誌存檔 _ 只顯示標題和內文片段
讓 Blogger 分類/標籤/搜尋頁面 只顯示文章標題; 部分內文 & 小圖片

SHOWING POST EXCERPT WITH THUMBNAIL ON BLOGGER HOMEPAGE

Customizing Read More Link In Blogger

還有考驗我爬文能力的這一位：

到處旅遊的明星部落客，深度廣度俱足的生活文章～