【語法、Blogger】點選標籤只顯示文章列表、文章標題（部分內文、小圖片）

前言

這篇是小小教學+心得文，以前都用無名、天空等等語法服務較為完善的Blog
這次開了新Blog，也只是隨便在曾經註冊過的帳號中翻到此處而已XD
因緣際會下使用的Blogger，雖然簡便得讓人欣喜，卻又有些地方讓人大囧特囧
好比說點選標籤後，顯示整篇文章……是要人找到民國1200年嗎。

這次標題使用了許多關鍵字，希望需要者可以在Google搜尋時找到此處，得到幫助
雖然我這邊簡直在世界上鬼隱，囧，但還是希望可以幫到和我一樣困擾的人哦。



何以分類

相較於無名、天空可使用的文章分類，Blogger版本的（文章分類ˋ）則是「標籤」(Lable)
而撰文者寫完文章後只需在文章設定部分的標籤直接鍵入即可

▲ 像醬子

（進一步來說，Blogger首頁顯示標籤要於後台（設計）►版面配置►新增小工具►標籤）

我自己總共使用的小工具也只有六種，有空來分享

--

點選標籤只顯示文章列表、文章標題

進入正題，不得不提到熱心幫忙我的Blogger《FreeTong DIY》

終於在千搜萬搜下找到他提供的語法版本最符合我的需求：點選標籤只顯示文章列表、文章標題，但是在鍵入他提供的語法後產生特性（瑕疵）►使用這則語法後使得我除了首頁文章正常顯示內容外，按第二頁（較舊的文章）也會變得只顯示標題

然後經過FreeTong Leung專業的提點，並研究語法，重新發表一篇文章後，讓我終於達成目的，以下語法說明：

首先前往後台（設計）►範本►編輯HTML►複製目前CSS到記事本以便復原

鍵盤Ctrl+F搜尋<b:include data='post' name='post'/>

然後直接複製貼上以下這段語法，取代上列黃色那行：

<b:if cond='data:blog.searchLabel'>
<div class='post-title'><a expr:href='data:post.url'><data:post.title/></a></div>
<div class='jump-link'><a expr:href='data:post.url' expr:title='data:post.title'/></div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

按下儲存範本，等待資料跑完，檢視網誌，按下某個標籤，即可得到：

★☆★點選標籤只顯示文章列表、文章標題♥♥♥

太好惹！！！（幹）

小小Q&A

為什麼我要為此發表一篇文章，而非直接引用？

以下由FreeTong DIY提供的新版原始語法進行說明比較：

<b:if cond='data:blog.searchLabel'>
<div><a expr:href='data:post.url' imageanchor='1' style='clear: right; float: right; margin-bottom: 1em; margin-left: 1em;'><img expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/></a></div>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<data:post.snippet/>
<div class='jump-link'><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>

可以得知，我提供的語法較FreeTong Leung提供的少

並知以下原始語法含意，若有所需可自行增減：

<div><a expr:href='data:post.url' imageanchor='1' style='clear: right; float: right; margin-bottom: 1em; margin-left: 1em;'><img expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/></a></div>

▲ 點選標籤後顯示小圖片

<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>

▲ 點選標籤後顯示文章列表、文章標題

<data:post.snippet/>
<h3 class='jump-link'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a></h3>

▲ 點選標籤後顯示部分內文（紅字部分、需包圍在文章標題語法外）

那為什麼我的「點選標籤只顯示文章列表、文章標題」字體較小？

重點在於語法的前後，h3顯示大字，div顯示小字，所以我提供的語法才會是

<div class='post-title'><a expr:href='data:post.url'><data:post.title/></a></div>

--

差不多就是如此，我非常謝謝FreeTong DIY的幫助讓我得到自己想要的成果

我也只略懂於此XDDDDD

有疑惑的人歡迎留言！