Re: [Blogger] 狂賀!繼續閱讀功能推出啦!
如果已經插入跳行或是<!-- more -->還是不能用的人
可以修改範本→展開小裝置範本→找到<data:post.body/>
接著它後面貼入下方語法
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
應該就可以用了,預設會顯示 閱讀更多>>
這個中文字可以改,就在版面配置→編輯網誌文章裡
至於要讓繼續閱讀向右靠,則可以在範本的CSS處加入
.jump-link{text-align: right;}
單純改變繼續閱讀這個超連結的樣式話
則是使用 .jump-link a{}
--------------------------------------------------------
順帶一提這段程式碼官網預設的位置是這樣
<div class='post-body entry-content'>
<data:post.body/> <-- 本文
(略)
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
如果用的是官方範本,沒特別去設定的話,應該是跟著.post{}的樣式跑
建議可以把那段程式搬進去(略)的那個位置,讓他跟本文變成一體
這樣他就可以套用.post-body{} 所設定的樣式了
--
http://lingshu1005.blogspot.com/
something about my life
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.27.159.42
推
09/10 19:49, , 1F
09/10 19:49, 1F
推
09/11 05:17, , 2F
09/11 05:17, 2F
→
09/11 05:17, , 3F
09/11 05:17, 3F
推
09/12 17:02, , 4F
09/12 17:02, 4F
→
09/12 17:02, , 5F
09/12 17:02, 5F
討論串 (同標題文章)
完整討論串 (本文為第 2 之 5 篇):