Saturday, March 07, 2009

在Blogger的日志中增加Read More

于 18:39

在Blogger的日志中添加read more选项的方法有很多，我曾经试过通过添加javascript的方法实现，这样也最简单，但是那个javascript不是你写的，而且每次打开日志时都会下载这个javascript，会非常影响速度，我也寻找过其它办法，但是都不怎么成功，之后我在Beautiful Beta看到了一个好方法，非常简单。

Step 1:备份Blogger模板
首先在布局-修改HTML处下载现在使用的模板，做好备份，以防万一


Step 2:修改HTML代码
勾选“扩展窗口小部件模板”旁边的方框，找到以下几句：

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


修改为，红色为新添加部分：

<div class='post-body entry-content'>
 <b:if cond='data:blog.homepageUrl == data:blog.url'>
   <style type='text/css'>.restofpost {display:none;}</style>
 </b:if>
 <data:post.body/>
 <b:if cond='data:post.link'>
   <a expr:href='data:post.link'>Read more...</a>
 <b:else/>
   <b:if cond='data:post.url'>
     <a expr:href='data:post.url'>Read more...</a>
   </b:if>
 </b:if>
 <div style='clear: both;'/> <!-- clear for photos floats -->
</div>



保存

Step 3:修改帖子模板
在设置-格式设置-帖子模板处添加：

<div class="summary">Type summary here</div>
<div class="restofpost">Type rest of post here</div>


保存后就完成了。

以后发布日志时，在"Type summary here"处为你想在首面显示的部分，，在
"Type rest of post here"处为隐藏部分。

 

标签：

2 Comments:

  1. Anonymous said...
    12:57  
    首歌好好听..咩名啊？
    Anonymous said...
    12:59  
    原来系错觉。

Post a Comment



Subscribe to: Post Comments (Atom)