Blogger beta Hack:为标签添加说明

这个Hack(via Hoctro)可以让你的读者浏览标签的时候在标签的前面看到关于此标签的一些信息。类似于每个标签前面都有一篇不带标题的置顶文章。这个小小的很体贴的Hack,可以让你的读者明确的知道关于他们所打开的当前标签的一些详细信息,而不仅仅限于“标签”那几个字面上的理解。

顺带说一下,在Blogger beta里置顶贴是很容易实现的,因为Blog是按时间顺序排列的,而且帖子的日期是可以修改的,所以只要写一篇“未来”时间的帖子就可以让它置顶了。

在使用每一个Hack之前请备份你的模板,最好先在一个测试Blog上试一下,以免造成不可恢复的错误。这个Hack需要你展开Widget。

1.寻找下面这行代码

<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>

找到之后向后继续找到<b:includable id='main' var='top'>这一行,然后紧跟这一行之前粘贴如下代码:

<b:includable id='sub-introduction' var='data:posts'>
<b:if cond='data:blog.pageType != "item"'>
<b:loop values='data:posts' var='post'>
<!-- Check for Homepage case -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.title == "Introduction"'>
<div class='post'>
<div class='post-body'>
<p><data:post.body/></p>
</div>
</div>
</b:if>
</b:if>
<!-- Check for matched labels -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:post.title == data:label.name'>
<div class='post'>
<div class='post-body'>
<p><data:post.body/></p>
</div>
</div>
</b:if>
</b:loop>
</b:loop>
</b:if>
</b:includable>

2.现在再回到<b:includable id='main' var='top'>,继续寻找下面的代码所包围的那一部分代码:

<div id='blog-posts'>
...
<!-- navigation -->
<b:include name='nextprev'/>

用下面的代码完全替换中间的代码

<b:include name='sub-introduction' values='data:posts'/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.title == "Introduction"'>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='postQuickEdit'/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='postQuickEdit'/>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:loop>
</div>

3.保存之后。我们要以特殊名字的文章来实现我们当初的目的。现在创建一篇新文章,要确保(1)文章名字与标签名字完全相同(2)此说明文章的标签也应一致。写完之后,可以把这篇文章的时间“回到过去”,以免让它显示在Blog里。

4.如果要在首页显示置顶说明。那么文章的标题要设置成“Introduction”,不要添加标签。时间要置前。选中"Post Options"中的“Don't allow” Reader comments,即不允许添加评论。

7 条评论:

匿名 说...

我的模板终于制作完成了,在你这里借鉴了不少,非常感谢,有空我们msn或QQ聊聊

有空来光顾吧:http://msnsa.blogspot.com

Take care,

Unknown 说...

任意打开一个网页
把这段JavaScript代码粘贴到地址栏,回车,很有很好玩的事情发生……

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);

幻灭那里有说

此人极度凶悍 说...

偶想问下,在blogger beta中发布文章时,文章中的代码老是自动执行,有什么方法屏蔽掉吗,你的是怎么发的啊

咖啡鱼 说...

用一些工具转换一下,比如Dreamweaver。或者用一些离线Blog撰写工具,如Windows live writer

匿名 说...

求助,

咖啡鱼,怎么在blogger中添加QQ和MSN按钮?
thanks

品食客

匿名 说...

另,或将建议发送至我的邮箱:
mindmetersz@gmail.com

Aaron Zhou 说...

请问你右边的标签效果是如何实现的啊?就是文章多的字体比较大,而且是堆在那里,而不是每行一个,请给我email可以吗?非常感谢!