2009年3月21日星期六

如何在Blogger加入“阅读全文”

向来对这个Blogger在首页显示全文不太满意,总希望能加上“阅读全文”这个功能。简单地说,就是在首页只显示摘要,而非全文。要看全文,就按“阅读全文”进入全文阅读。

今天我终于成功在自己的Blogger加入此功能。为了与更多人分享,就将教学写出来啦。

##CONTINUE##


第一步:修改模板

首先进入“布局”=>“修改 HTML”,在您的模板中找寻<div class=’post-header-line-1′/><div class=’post-header-line’>(如果您的模板两个都有的话),然后在下方加入以下代码:

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>


结果将会如下:



或者如下:



接着,在<data:post.body/>下方加上以下代码:

<b:if cond='data:blog.pageType != "item"'><br />

<a expr:href='data:post.url'>Read more...</a>

</b:if>

</b:if>


结果将会如下:



您的最后代码修改结果将如下图:



第二步:在默认帖子模板加上标签

进入“设置”=>“格式设置”,然后再“帖子模板”里加入以下代码:

<span class="fullpost">

</span>


如图:



第三步:发帖

把摘要写在<span class="fullpost">的上方,其余写在代码里面,如图:



发布后,您将会看到您的首页只出现摘要和“阅读全文”字样,而非以前的全文显示。



如果您的新帖不长,您可以直接将帖内的代码删除就可。

没有评论:

发表评论