Thanh trạng thái "breadcrumb" cho Blogspot

Breadcrumb là tiện ích được sử dụng khá phổ biến, đặc biệt là các trang Web/Blog vận hành trên nền tảng Wordpress. Cùng với tiện ích “ Page Navigation – phân trang cho Blogspot “, cả hai góp phần điều hướng tốt hơn cho Web/Blog của bạn.

Hơn nữa, với breadrumb, độc giả có thể biết được chủ đề mình đang theo dõi thuộc trương mục ( Breadcrumbs based on a post's category ) nào, thời gian nào ( Breadcrumbs based on a post's date ), có thể giúp gia tăng lượng click của độc giả và kéo họ ở lại Blog của bạn lâu hơn. Chính từ những ưu điểm đó, hôm nay iTechPlus sẽ giới thiệu cho các bạn 2 style của tiện ích này : một cái dựa trên trương mục ( có dạng : Browse » Home » Category » Post Title ) và một cái dựa trên thời gian ( có dạng : You are here: Home > Year > Month > Post Title )
A. Style 1 : Breadcrumbs based on a post's category ( BloggerPlugins )

1. Tìm đoạn code bên dưới :

và thay thế thành :

2. Tiếp theo, tìm đoạn code này :

và thay thế thành :

3. Cuối cùng, thêm đoạn code CSS bên dưới vào trước thẻ đóng

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

4. Save template
B. Style 2 : Breadcrumbs based on a post's date ( PurpleMoggy )

1. Tìm đoạn code tương tự như bên dưới :

Ngay sau nó các bạn chèn đoạn code này :

2. Cuộn xuống dưới cùng của widget này ( xem hình minh họa bên dưới )

và dán code sau vào giữa và :

You are here:
Home



>

3. Cuối cùng, chèn đoạn code sau vào trước thẻ đóng

.breadcrumbs {
border-bottom:1px dotted $bordercolor;
margin:0 0 0.5em;
padding:0 0 0.5em;
}

4. Save template
Chúc các bạn thành công !