进入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> 标签中间就是隐藏的部份啦...
订阅：
博文评论 (Atom)
博文
0 评论:
发表评论