google.load("prototype", "1.6");

Saturday, June 9, 2007

blogger:在Blogger Beta的独立文章页中增加所在位置导航

这个功能可以使你在每篇文章的独立页中增加一个所在位置的导航链接,以方便你的浏览。
第一步:
进入 Template->Edit HTML ,备份,勾选 Expand Widget Templates 展开,找到 Blog1 部件 (<b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog">) 。将下列代码紧贴其后。
<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
You are here:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> & g t ;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
& g t ; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
</b:includable>

然后将& g t ;中的空格全部取消。

第二部:
接着再找到这句
<b:if cond='data:post.dateHeader'>
将下列代码紧贴在它的上面
<b:include data='post' name='breadcrumbs'/>
第三步:
将下列 CSS 代码粘贴在<b:skin></b:skin>之间任何合适的位置
.breadcrumbs {
border-bottom:1px dotted $bordercolor;
margin:0 0 0.5em;
padding:0 0 0.5em;
}

0 留言:

Post a Comment

Creative Commons License© 2007-2023 乐天士 --您是第 位浏览者--↑页首
悦来客栈 by sisea is licensed under a Creative Commons 署名-非商业性使用-禁止演绎 2.5 中国大陆 License.