Xem Demo tại đây.
Để tạo được thanh điều hướng cho blog của mình, các bạn chỉ cần làm theo các bước đơn giản:
1. Đăng nhập vào Blogger
2. Click Thiết kế / trình bày
3. Nhấp vào Chỉnh sửa HTML
4. Nhấp vào Tải xuống Mẫu đầy đủ (sao lưu)
5. Chọn Expant Widget mẫu
6. Tìm mã ]]></ b: skin>
7. Copy đoạn mã dưới đây và dán nó vào phía trên dòng ]]></ b: skin>
. Breadcrumbs {
padding: 5px 5px 5px 0;
margin: 0; font-size: 95%;
line-height: 1.4em;
cửa dưới: 4px đôi # cadaef;
}
padding: 5px 5px 5px 0;
margin: 0; font-size: 95%;
line-height: 1.4em;
cửa dưới: 4px đôi # cadaef;
}
8. Tiếp theo, Tìm đoạn mã:
<div class='post hentry uncustomized-post-template'>
9. Sau đó copy đoạn mã sau và đặt ở dưới đoạn mã ở trên:
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse »<img expr:href='data:blog.homepageUrl'> Trang chủ </ a>»
<b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'>
<img 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>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse »<img expr:href='data:blog.homepageUrl'> Trang chủ </ a>»
<b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'>
<img 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>
10. Lưu mẫu là OK.