Hướng dẫn tạo breadcrumb cho blogspot

Breadcrumb là gì?

Breadcrumb là một đường dẫn ngay trên tiêu đề giúp cho khách ghé thăm biết được vị trí trong blog, hơn nữa breadcrumb rất tốt cho Seo, tạo độ thân thiên với các công cụ tìm kiếm.
Bài viết này sẽ hướng dẫn các bạn cách tạo Breadcrumb cho blogspot.

Hướng dẫn tạo breadcrumb cho blogspot

Bước 1: Đăng nhập Blogger => Mẫu => Chỉnh sửa HTML

Bước 2: Tìm đoạn code <b:includable id='backlinks' var='post'>...</b:includable> chèn code bên dưới vào ngay sau nó

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Trang chủ</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Trang chủ</a></span>
<b:loop values='data:post.labels' var='label'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url + "?max-results=10"' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Trang chủ</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span>Lưu trữ cho <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span>Tất cả bài viết</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
<div class='clear'/>
</b:if>
</b:includable>

Vì breadcrumb thường nằm phía trên tiêu đề bài viết nên tìm đoạn <b:includable id='main' var='top' và thêm đoạn này  <b:include data="posts" name="breadcrumb"/> vào sau.

Nếu mọi người thấy bài viết cách tạo breadcrumb cho blogspot hay thì like cái nha! :)

Related Post

Admin Huỳnh Phụng

Xuất thân là Quản Trị Kinh Doanh. Yêu thích Marketing Online và trở thành Blogger với gần 1000 bài viết về nhiều lĩnh vực. Blog cá nhân http://toilaquantri.com