2011年1月9日 星期日

[Blogger] 在文章上方顯示 麵包削 Breadcrumb

效果如圖所示


到後台-> Design(設計) -> (Edit) 編輯HTML


打勾 Expand Widget Templates (展開小裝置面版)


按Ctrl + F 搜尋 ]]></b:skin>

在該code正上方貼上CSS:

.breadcrumbs{ 
  padding:5px 5px 5px 0; 
  margin:0;font-size:95%; 
  line-height:1.4em; 
  border-bottom:4px double #cadaef; 
}

接著搜尋 <div class='post hentry

在code正下方貼上:

<!-- breadcrumb -->
<b:if cond='data:blog.homepageUrl == data:blog.url'> 
<b:else/> 
<b:if cond='data:blog.pageType == "item"'> 
<div class='breadcrumbs'> 
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » 
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> 
<a expr:href='data:label.url' rel='tag'><data:label.name/></a> 
<b:if cond='data:label.isLast != "true"'> , </b:if> 
</b:loop> 
</b:if> » <data:post.title/>
</div> 
</b:if> 
</b:if>
<!-- breadcrumb -->
Related Posts Plugin for WordPress, Blogger...