| 文章類別 | 部落格 |
| 自訂文章類別 | Blogger hack CSS HTML |
| 自訂個人專欄名稱 | 凱凱日日不落閣 |
如何讓Blogger只顯示標題
原本寫完"繼續閱讀"功能後要再繼續寫這篇,沒想到時間一久竟然忘了:P,最近回顧文章時才發現漏了這篇,現在馬上位各位補上
首先進入"控制主頁"點選"版面配置"
再點選"修改HTML"進入HTML編輯畫面,依照慣例先點選"下載完整模板"進行備份
接著點選"展開小裝置範本"
展開後搜尋下列字串
<p><data:post.body/></p>
找到以後,把它置換成
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
</b:if>
最後按下儲存範本就大功告成囉
如此修改只有點選標題進入文章才會顯示內文,否則都只會顯示標題,看看成果吧
有沒有發現哪裡怪怪的?如果只顯示標題那幹麻還做"繼續閱讀"功能 嘿!別急,我們再做些小修改就能在首頁顯示標題和摘要,而搜尋歷史文章和分類標籤只顯示標題 只要把
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
</b:if>
改成
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<p><data:post.body/></p>
<a class='readmore' expr:href='data:post.url' expr:title='data:post.title'>繼續閱讀…</a>
</b:if>
</b:if>
上面這段HTML從原本的一行膨脹成八行,有沒有霧裡看花的感覺?來解釋一下上面這段HTML的意思吧
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
表示如果進入內文就把文章內容完整顯示出來
<b:else/> <b:if cond='data:blog.homepageUrl == data:blog.url'>
<p><data:post.body/></p>
<a class='readmore' expr:href='data:post.url' expr:title='data:post.title'>繼續閱讀…</a>
</b:if>
</b:if>
否則(即不在內文中包含搜尋,歷史文章和分類標籤) 如果網址等於首頁的網址(我的首頁就是 http://iamkevintsai.blogspot.com ),除了顯示內文還要顯示繼續閱讀…(必須要搭配之前繼續閱讀功能才會在首頁只顯示摘要)
稍微整理一下幾個在Blogger常用的判斷條件
<b:if cond='data:blog.pageType == "item"'> 目前頁面在內文
<b:if cond='data:blog.pageType == "archive"'> 目前頁面在歷史文章列表
<b:if cond='data:blog.pageType == "index"'> 目前頁面在分類標籤列表
<b:if cond='data:blog.homepageUrl == data:blog.url'> 網址等於首頁
如果還看不懂就留言給我吧,這次介紹的東西只要稍微有點程式基礎應該都很容易理解,但沒接觸過程式的人可能會看的很痛苦
__________________________
- kevintsai 的部落格
- 如果想要發表回應,請先登入 或 註冊。
- 瀏覽次數: 1645




最新回應
4 日 3 小時 前
4 日 12 小時 前
4 日 13 小時 前
4 日 13 小時 前
5 日 16 小時 前
2 週 5 日 前
2 週 5 日 前
2 週 6 日 前
3 週 4 日 前
3 週 5 日 前