Với thủ thuật này thanh navbar chỉ hiển thị ở mỗi bài viết, và nó rất đơn giản, chỉ gồm 2 lớp, đó là lớp chính(trang chủ) và lớp phụ (các nhãn). Nó sẽ hiển thị đẹp nhất cho các bài viết có 1 nhãn. Nếu bài viết có nhiều nhãn thì ở lớp phụ (lớp nhãn), sẽ hiển thị bấy nhiêu label, và ngăn cách bằng dấu phẩy.
1. Đăng nhập blog
2. Vào bố cục (Layout)
3. Vào chỉnh sửa code HTML (edit code HTML)
4. Chọn "mở rộng mẫu tiện ích" (expand widget template)
5. Chèn đọan code CSS bên dưới lên trên dòng ]]></b:skin>
#s-nabar {
text-color : #ffffff;
font-size : 11px;
text-decoration : none;
font-weight:bold;
}
#s-nabar:hover {
text-color : #000000;
font-size : 12px;
font-weight:bold;
}
- ở đây mình chỉ áp dụng thủ thuật đơn giản là thay đổi màu chữ và phóng to chữ cho thanh breadcrumb, các bạn muốn thêm hiệu ứng khác thì có thể chèn thêm vào đọan code CSS đó.
6. Tìm đọan code sau:
<b:includable id='post' var='post'>
7. Thêm ngay sau nó đọan code bên dưới:
<b:if cond='data:blog.pageType == "item"'>
» <a expr:href='data:blog.homepageUrl' id='s-nabar'>Home</a> » <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><span id='s-nabar'><data:label.name/></span></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</b:if>
8. Save temolate lại là xong.
Chúc các bạn thành công.
cái này em test rùi...khá chuyện nghiệp nhưng đối với những bài viết nằm trong 2 chủ đề của label nhìn nó ...........
đúng rồi :D, nhưng mà cũng không sao, đa số các thanh breadcrumb đều dùng thủ thuật này.
Bởi vì cơ bản muốn phân lớp các chuyên mục trong blogger ta chỉ có thể dùng các nhãn. ^^
Mình đang định làm cái này nhưng đóng phần hiển thị Label ở phía dưới bài đăng rồi mà nó vẫn hiện ra. FD tư vấn giúp với, tks. www.sachvn247.info
Bạn nào biết đóng phần hiển thị Label ở dưới bài viết chỉ dùm mình nhé. LM YM cuonganh247. www.sachvn247.info
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :
[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]
» Có thể sử dụng các thẻ <b>,<i>,<a>.
BlOg FD chính thức đóng comment của khách ẩn danh.
BlOg FD.