× 343字 × 1阅

Blogger 在标签页和存档页中只显示标题

标签页面显示某个标签下的所有文章,存档页面显示某个月的所有文章,如果全部都显示内容,未免过于冗长。所以以文章列表的形式会更加友好。今天要介绍的就是如何在标签页和存档页只显示标题的方法。效果如下。参考文章 Showing only post titles on archive and label pages

在标签页只显示标题
在标签页只显示标题

步骤零:备份模板

步骤一:编辑 HTML 代码

搜索 <b:include data='post' name='post'/>,替换为以下代码:

<!--Label and archive page title only hack-->
<b:if cond='data:blog.searchLabel'>
    <h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3> 
<b:else/> 
<b:if cond='data:blog.pageType == "archive"'> 
    <h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3> 
<b:else/> 
<b:include data='post' name='post'/> 
</b:if> 
</b:if>
<!--/Label and archive page title only hack-->

步骤二:修改样式

.title-only 控制题目样式,比如我的代码如下:

.title-only {
    font-size: 18px;
    padding: 15px 0 25px 210px;
    line-height: 1;
    border-bottom: 1px solid #eee;
}

推荐使用 Chrome 或者 Firefox 按 F12 在线修改,确定样式后复制到 css 里更快捷。

步骤三:保存模板

大功告成!

斩断了微博,重新回归博客,今天就来补点日记,丰富下爸妈的业余生活。这次要说的是9月17日的阪大中国人留学生中秋晚会。这场晚会是阪大中国人留学生会组织的,在南千里某个大楼里的大会堂举办。大家把写着名字的贴纸粘在身上,6点半左右晚会正式开始。唱歌、跳舞、游戏、抽奖、演奏等等,节目还是挺丰富的。 对于没有参演节目的我们来说,游戏是上台的唯一机会。于是我和豆哥都上去玩游戏了。我和同研究室的美女格酱玩猜词游戏,我演她猜,拿了第二名。接着我再次积极参加了抢凳子游戏,第一轮就输了。后来我怂恿豆哥也上去玩,他本来不愿意,但他的好基友琨哥也跃跃欲试,再次怂恿了他,于是他就扭捏地上去,羞涩地一屁股坐在琨哥腿上,遗憾地也输在了第一轮。不过有参与就有奖励,我们拿了瓜子、醋和哈密瓜酥饼。这都是主动争取来的福利,而豆哥竟然中了一辆自行车!幸运号码就是他高中的学......
点击加载Disqus评论