狂賀!繼續閱讀功能推出啦! - 部落格

Table of Contents

如果已經插入跳行或是<!-- 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

--

All Comments

Ethan avatarEthan2009-09-11
這個好!
Ophelia avatarOphelia2009-09-13
我的繼續閱讀那行的樣式會跟官方樣版不搭,這個好像可解?
趕快來試試!
Belly avatarBelly2009-09-14
感謝,照最後一段把那段程式搬進去(略)的那個位置後,繼續閱
讀那行的樣式終於正常了 :D