Thủ thuật tạo thanh breadCrumb đẹp mắt

Buoc 1 : Chen css vao truoc ]]></b:skin>

#breadCrumb{background:0 rgba(255,255,255,0.1) 15px;height:30px;line-height:30px;border:solid 1px #bababa;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:auto;overflow:hidden;padding-left:10px;-moz-box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;-ms-box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;-o-box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;-webkit-box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;box-shadow:inset 0 1px 0 #ffffff, 0 1px 0 #fff;text-shadow:0 1px 0 #FAFAFA;color:#666;margin:0}
#breadCrumb li{list-style-type:none;display:inline-block;float:left}
#breadCrumb a{display:inline-block;background-image:url(https://lh5.googleusercontent.com/-gk1wyX9sG5Q/Tz3WwqlJjII/AAAAAAAAGJM/NyxB46L4ozc/s800/bc_separator.gif);background-repeat:no-repeat;background-position:right;padding-right:10px;text-decoration:none;color:#666;outline:none;text-shadow:0 1px 0 #fafafa}
#breadCrumb a:hover{color:#000}
.cm_reply,#featured-slider .featuredPostMeta{padding-top:5px}

BUOC 2 : CHEN CODE SAU VAO DUOI DONG : <b:includable id='post' var='post'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'><div id='breadCrumb'><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:loop>
</b:if><data:post.title/>
</div>
</b:if>
</b:if>

Nguồn : chúng tôi sưu tầm từ nhiều nguồn

Thiết kế web chuyên nghiệp giá rẻ

Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn