前言
這篇是小小教學+心得文,以前都用無名、天空等等語法服務較為完善的Blog
這次開了新Blog,也只是隨便在曾經註冊過的帳號中翻到此處而已XD
因緣際會下使用的Blogger,雖然簡便得讓人欣喜,卻又有些地方讓人大囧特囧
好比說點選標籤後,顯示整篇文章……是要人找到民國1200年嗎。
這次標題使用了許多關鍵字,希望需要者可以在Google搜尋時找到此處,得到幫助
雖然我這邊簡直在世界上鬼隱,囧,但還是希望可以幫到和我一樣困擾的人哦。
何以分類
相較於無名、天空可使用的文章分類,Blogger版本的(文章分類ˋ)則是「標籤」(Lable)
而撰文者寫完文章後只需在文章設定部分的標籤直接鍵入即可
▲ 像醬子
(進一步來說,Blogger首頁顯示標籤要於後台(設計)►版面配置►新增小工具►標籤)
我自己總共使用的小工具也只有六種,有空來分享
--
<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>
點選標籤只顯示文章列表、文章標題
進入正題,不得不提到熱心幫忙我的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>
<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>
並知以下原始語法含意,若有所需可自行增減:
▲ 點選標籤後顯示小圖片
<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
有疑惑的人歡迎留言!
好多謝你介紹的方法。
回覆刪除照著去做。
可惜只顯示了七八個網誌。
請問有沒有方法一次過顯示所有同樣標籤的文章?
這個方法太好用了!謝謝你的研究呢!
回覆刪除我也覺得這設計很糟
回覆刪除謝謝你介紹這方法
謝謝~~~
回覆刪除謝謝~~~
回覆刪除所以請問,如果我想要「點選標籤只顯示文章列表、文章標題」字體較「大」,我該如何修改語法?
回覆刪除