页面

显示标签为“Tutorial”的博文。显示所有博文
显示标签为“Tutorial”的博文。显示所有博文

2008年7月8日星期二

教学 - 收缩/展开文章

有的时候,一些文章太长了,所以我们会通过修改代码让文章收缩起来。。这样看起来会比较整齐。

这篇文章,就会教你怎么收缩/展开文章。但是只限于新的Blogger。

记得,开始前先把你的部落格后备!

怎么后备?去Dashboard > Layout > Edit HTML > 选择 Download Full Template

然后就可以开始了!


Step1: 在<head></head>间添加以下代码,以引用脚本文件(其中的脚本文件建议自己保存并传到自己的Google pages上去)


<script type='text/javascript' src='http://honchear.googlepages.com/hackosphere.js' />


第二:在你的模板(确定已选中 Expand Widget Templates)中找到ID为"Post"的includable,会看到下面类似的代码,将红色的地方加到你的代码中.



<b:includable id='post' var='post'>
<div class='post'
expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title'>

<b:if cond='data:post.url'>

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

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<div class='post-header-line-1'/>



<div class='post-body'>

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

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

<b:else/>

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

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

<span id='showlink'>

<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Summary only...</a></p>

</span>

<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>



第三:找到Settings - Formatting,在最后的Post-template添加以下代码



摘要部分
<span id="fullpost">
隐藏部分
</span>

2008年5月27日星期二

谷歌(Google)中文输入法

今天没事做, 在网上下载了谷歌(Google)中文输入法,试用了一下,很不错一下咧!!比起我时常用的Microsoft IME输入法还要快。
至少,对我这种懒人来讲是很方便的。以前时常应为中文不好,输入中文时很慢,所以很懒得打长长的博客,现在好了!有了这个之后,方便多了!!
有兴趣的人可以点击这里