Thanh Trạng Thái Breadcrumbs Cho Blogspot

™» CGC Blog «™  Hôm nay chũng ta sẽ cùng thực hiện thủ thuật tạo gọi là "Tạo thanh trạng thái Breadcrumbs cho Blogspot". Đây là công cụ hiển thị trạng thái xem bài, nó cho người dùng có

thể nhìn thấy và biết được vị trí của bài viết đó. Biết được họ đang xem

bài viết nào? Trong thư mục nào? Bạn có thể thấy rỏ hơn cách hiển thị của công cụ này bằng hình ảnh bên dưới.

Hình ảnh minh họa

click vào ảnh để xem nếu không thấy rõ

1. Đăng nhập tài khoản Blogger
2. Vào phần thiết kế (hay bố cục)
3. Vào tiếp phần chỉnh sửa HTML, chọn mở rộng mẫu tiện ích (Expand Widget Templates)
4. Chèn code bên dưới vào trước thẻ ]]></b:skin>

.breadcrumbs {
margin:40px 0px 0px 10px;
font-size:11px;
color:#fff;
}
.breadcrumbs a{color:#10d9e0;}
.breadcrumbs a:hover{color:#ff0033;}
.breadcrumbs-labelname {
margin:0px 0px 0px 1px;
padding-left:6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVa5U7tnZqNtm-6nK6DfsHp1CDgVWT84bIwNdHH6cnq1Cbmg3FhRkZoQ4ctzzfTkEXQ8d_uVM8WCiLRxu79GshMjaKeuvenrOP7jb05crXwKA_k-WavSm6q5d5me7_jLS395OIaPVGMYfU/) no-repeat left;}

5. Bây giờ bạn tìm đến dòng code như bên dưới (hoặc tương tự)

<b:includable id='post' var='post'>

6. Chèn code bên dưới vào ngay sau code vừa tìm được

<div class='breadcrumbs'><b:if cond='data:blog.pageType == "item"'> <a expr:href='data:blog.homepageUrl' rel='tag'> Home</a>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> <span class='breadcrumbs-labelname'><a expr:href='data:label.url + "?max-results=5"' rel='tag'> <data:label.name/></a></span> </b:if> </b:loop> <span class='breadcrumbs-labelname'><data:post.title/></span></b:if></div>

Bạn có thể tùy chỉnh số bài viết hiển thị trong nhãn khi người dùng click vào nhãn mà họ muốn xem trong thanh Breadcrumbs này. Bạn chỉnh số "5" trong code lại theo ý bạn là được.

7. Cuối cùng save (Bạn có thể click xem một bài viết để kiểm tra)

Chúc các bạn thành công !

Nguồn : traidatmui.com

Copy : Hội Thánh Cây Giang

Khi copy, các bạn nhớ ghi rõ nguồn gốc. Xin chân thành cảm ơn!