作者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 + "#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
推 Nekki1409:這個好! 09/10 19:49
推 jtmh:我的繼續閱讀那行的樣式會跟官方樣版不搭,這個好像可解? 09/11 05:17
→ jtmh:趕快來試試! 09/11 05:17
推 jtmh:感謝,照最後一段把那段程式搬進去(略)的那個位置後,繼續閱 09/12 17:02
→ jtmh:讀那行的樣式終於正常了 :D 09/12 17:02