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

By Mia
at 2009-09-10T17:44
at 2009-09-10T17:44
Table of Contents
如果已經插入跳行或是<!-- 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
--
可以修改範本→展開小裝置範本→找到<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
--
Tags:
部落格
All Comments

By Ethan
at 2009-09-11T20:30
at 2009-09-11T20:30

By Ophelia
at 2009-09-13T22:17
at 2009-09-13T22:17

By Belly
at 2009-09-14T11:31
at 2009-09-14T11:31
Related Posts
Re: PTT Blog板友簽到簿(PTTBlogRolling!)

By Edith
at 2009-09-10T12:39
at 2009-09-10T12:39
如何嵌入html語法

By Madame
at 2009-09-10T12:04
at 2009-09-10T12:04
狂賀!繼續閱讀功能推出啦!

By Faithe
at 2009-09-10T06:37
at 2009-09-10T06:37
blogger的【新版文章編輯器】

By Bennie
at 2009-09-10T00:28
at 2009-09-10T00:28
尋找樣版網

By Noah
at 2009-09-09T23:31
at 2009-09-09T23:31