Vnit Tech

Chia Sẻ Giá Trị


Liên Hệ Dịch Vụ

12 tháng 10, 2018

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

Vnit Tech
tháng 10 12, 2018 - 12 tháng 10, 2018

Ở 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é ...