blogger繼續閱讀

作者 a892245 ( ) 看板 Blog
標題 Re: [Blogger] 狂賀！繼續閱讀功能推出啦！
時間 Thu Sep 10 17:44:26 2009
───────────────────────────────────────

如果已經插入跳行或是<!-- more -->還是不能用的人

可以修改範本→展開小裝置範本→找到<data:post.body/>

接著它後面貼入下方語法

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><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 + &quot;#more&quot;'><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