5/18/2009



21
現在blogger常用的繼續閱讀總共有兩種,羊男的繼續閱讀和CJH的繼續閱讀懶人版,假如覺得這兩種使用上很麻煩的話可以用看看以下介紹的繼續閱讀終極懶人版,我稱它為終極懶人版是因為使用上真的非常簡單&無腦,只要安裝了這個hack後,每篇文章就會自動用好繼續閱讀,完全不用在文章內添加任何code,推薦給超級懶人使用。




使用教學:


範例: http://autoreadmore.blogspot.com/

步驟1 請先備份好模板

步驟2 管理後台 > 版面配置 > 修改html > 展開小裝置範本打勾

步驟3 搜尋 <data:post.body/> 並且用下面的程式碼取代 <data:post.body/>



<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'/>
<script type='text/javascript'>
var blogID = &quot;2977027413120105432&quot;;
function retriveSummaryPost<data:post.id/>(json){document.getElementById(&quot;summary<data:post.id/>&quot;).innerHTML
= json.entry.summary.$t + &quot;...&quot;}
function createSummaryPost<data:post.id/>(POSTID){ var script =
document.createElement(&quot;script&quot;);
script.src = &quot;http://www.blogger.com/feeds/&quot;+blogID+&quot;/posts/summary/&quot;+POSTID+&quot;?alt=json-in-script&amp;callback=retriveSummaryPost<data:post.id/>&quot;;
script.type = &quot;text/javascript&quot;; document.getElementsByTagName(&#39;head&#39;)[0].appendChild(script);
}
</script>
<script type='text/javascript'>
createSummaryPost<data:post.id/>(&quot;<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>(繼續閱讀...)</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post_body'><data:post.body/></div>
</b:if>


請把紅色這串數字改成自己的blogID,不知道blogID的可以參考這篇文章 有跳頁功能的分頁效果

步驟4 儲存 > 大功告成

參考文章:
Create Auto Read More ( no thumbnail) ~ Zenplate Blogger