在Blogger帖子中添加"Read more"链接

2009年4月29日

利用这个小窍门，你可以随心所欲地调整展示在你每一篇文章开头部分的字数。让这部分作为你文章的摘要，如果有人想继续阅读，那么他只要点击“Read more”链接就可以了。下面让我们看看如何修改模板，来一步步实现此功能.

• 登录你的Blogger帐户，选择布局--->修改HTML
  
• 点击“下载 完整模板”来备份，以帮助你随时恢复原来的样式。
  
• 在你的模板中找到 ]]></b:skin> ，然后把下面的代码粘贴在 ]]></b:skin> 和</head> 之间。
  

<!-- Style to implement "Read more on this Article" link in all the posts (Start) -->
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<!-- Style to implement "Read more on this Article" link in all the posts (End) -->

• 保存模板，然后选中“扩展窗口小部件模板”。找到 ，然后在 后面粘贴以下代码
  

<!-- Code to show "Read more ..." Link (Begin) -->
<b:if cond='data:blog.pageType != "item"'>
<span>
<a expr:href='data:post.url' style='color:#0000FF; text-align:right;font-weight:bold; text-decoration:none' >Read more ...</a>
</span>
</b:if>
<!-- Code to show "Read more..." Link (End) -->

• 你可以把红色部分文字换成你喜欢的描述，如“继续阅读...”；“阅读全文”；“阅读更多”等等。
  
• 保存修改。
  
• 最后需要做的就是在实际创建帖子的时候加入一些代码，这样才会让此项功能最终得以实现。代码如下：
  

<span class="fullpost"></span>

• 每次创建帖子时，只要遵循下面格式就可以了：

Beginning of post.<span class="fullpost">
Rest post Details Here .
</span>

• 这样，当有人访问你的博客时，他首先看到的是 Beginning of post. 字样，如果他感兴趣，就会点击你设计的"Read more"链接，最终显示：Beginning of post. Rest post Details Here .