Blogger 的 Read More

前陣子 Blogger 終於內建了 Read More 的功能了,可以不必再自己辛苦的用標籤做隱藏文章的動作啦!

首先到設定底下的基本頁面,於最下方的一般設定中啟用新版文章編輯器



之後在編輯文章的撰寫模式下就可以在編輯 Bar 的最右邊找到斷文的按鈕了。
 



不過,若你是採用網路上眾多的樣板(如 Blogger Tamplates 上的免費樣板)做版面配置,會發現部份的樣板 Read More 的連結無法正常顯示,稍微看了一下其中的 JavaScript ,應該是少了一個 jump-link 的 class 如下:


<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>


如果真的發生文章 Read More 的連結無法顯示,可以進入版面配置修改 HTML 頁面,勾選展開小裝置範本,應該可以用找到下面這段 Script ,如果就是缺少了上面那段,那就把它加上去吧!


<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</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>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
 

© Copyright Tech Minute . All Rights Reserved.

Designed by TemplateWorld and sponsored by SmashingMagazine

Blogger Template created by Deluxe Templates