RaoVat24h
Blogger Softwares Thủ thuật

Breadcrumbs là gì ? Hướng Dẫn Tạo breadcumbs Chuẩn cho blogspot

Advertisement
Ở bài trước mình có viết một bài hướng dẫn tạo breadcumbs cho website bằng cách chèn các thẻ rich vào blog rồi thì phải bạn có thể tham khảo bài trước Tại Đây , đến bài hôm nay mình xin chia sẻ đến các bạn một cách nữa để tạo breadcumbs cho blogspot. 
Breadcrumbs là gì ? Hướng Dẫn Tạo breadcumbs cho blogspot

 Breadcumbs là gì ? 

Hiển thị trên Google seach
Breadcumbs nói nôm na là phân cấp trang web , nó sẽ giúp mọi người hiểu được bạn đang ở vị trí mục table của trang web , và chúng sẽ giúp mọi người di chuyển thuận lợi qua những trang khác cùng website…
Breadcrumbs là gì ? Hướng Dẫn Tạo breadcumbs cho blogspot
Hiển thị trong blogspot


Hướng dẫn tạo BREADCUMBS chuẩn seo cho blogspot

Bước 1 : các bạn đăng nhập vô blogger >> tìm đến chủ đề >> mẫu >> CRL +F và tìm thẻ sau ]]></b:skin> và chép đoạn css sau dán trên nó .

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

Bước 2 :  các bạn tìm thẻ sau

 <b:include data=’top’ name=’status-message’/>
Sau đó các bạn dán đoạn code sau phía dưới nó.

<b:include data=’posts’ name=’breadcrumb’/>

Bước 3: Tìm thẻ sau Và thêm đoạn code bên dưới  vào phía dưới nó 

<b:includable id=’main’ var=’top’>

CODE 

<b:includable id=’breadcrumb’ var=’posts’> <b:if cond=’data:blog.homepageUrl == data:blog.url’> <b:else/> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <p class=’breadcrumbs’> <span class=’post-labels’> <a expr:href=’data:blog.homepageUrl’ rel=’tag’>Home</a> <b:loop values=’data:posts’ var=’post’> <b:if cond=’data:post.labels’> <b:loop values=’data:post.labels’ var=’label’> &#187; <a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a> </b:loop> <b:else/> </b:if> &#187; <span><data:post.title/></span> </b:loop> </span> </p> <b:else/> <b:if cond=’data:blog.pageType == &quot;static_page&quot;’> <p class=’breadcrumbs’> <span class=’post-labels’> <a expr:href=’data:blog.homepageUrl’>Home</a> &#187; <data:blog.pageName/> </span> </p> </b:if> </b:if> </b:if> </b:includable>

Bước 4 : lưu chủ đề lại và xem thành quả.

 Lời kết

Chúc các bạn thành công good luck … Nếu thấy hay đừng quên cho mình một cái share nhé …
Rate this post

DienDan.Edu.Vn

DienDan.Edu.Vn Cám ơn bạn đã quan tâm và rất vui vì bài viết đã đem lại thông tin hữu ích cho bạn.
DienDan.Edu.Vn! là một website với tiêu chí chia sẻ thông tin,... Bạn có thể nhận xét, bổ sung hay yêu cầu hướng dẫn liên quan đến bài viết. Vậy nên đề nghị các bạn cũng không quảng cáo trong comment này ngoại trừ trong chính phần tên của bạn.
Cám ơn.

Đăng bình luận

(+84) (901) 369.468