进入Blogger 控制台 -> 布局 -> 修改HTML
1. 首先勾选 扩展窗口小部件模板
2. 按ctrl+F 搜寻 ” </head> ”
3. 在</head> 标签后面添加以下代码:
<style><b:if cond=’data:blog.pageType == “item”‘>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if></style>
注: Sulow 是放在</head>和<body>中间, 经测试可用, 你现在看到的就是了..呵呵
4. 搜寻 “</data:post.body> ”
5. 在<data:post.body>标签后面添加以下代码:
<b:if cond=’data:blog.pageType != “item”‘><br />
<a expr:href=’data:post.url’>Read more…</a>
</b:if>
6. 预览一下, 如果可以顺利出现你的blog首页, 模版设置部份就ok了, 保存模版
7. 模版的部份已经设置好了, 但是目前还没有效果
8. 进入控制台 -> 设置 -> 格式设置, 找到 帖子模版 (最下面)
9. 加入以下代码
<span class=”fullpost”>
隐藏文字
</span>
10. 以上的代码的意思是, 隐藏文字这个部份, 会在用户点击了Read More…以後才会看到的意思
11. 请点击下面的Read More…
12. 这行字就是必需点击Read More…才会出现的
13. 这部份可以有无限行, 只要放在<span class=”fullpost”> 和</span> 标签中间就是隐藏的部份啦…
延伸阅读：
- 将Blogger 的 Read More 放到右边
- 动手打造你自己的Wordpress Template and Themes (主题, 模板) Part 4 – 评论篇
- 动手打造你自己的Wordpress Template and Themes (主题, 模板) Part 3 – 索引篇
- 惊喜发现，Gmail 新功能，导入 Yahoo! webmail – 2009年5月10日
- 动手打造你自己的Wordpress Template and Themes (主题, 模板) Part 1 – 布局篇
- Joomla!, Drupal, Xoops, Wordpress 的特色
- 最经济的顶极域名网站架设 – 2 – 空間介绍篇
- Joomla, Wordpress, Drupal 全面详细Pk比较
- 动手打造你自己的Wordpress Template and Themes (主题, 模板) Part 2 – 标头篇
回复自“在Blogger中添加阅读全文选项”
发表回复