Tạo Breadcrumb Cho Blogspot Blogger Mới Nhất

Tạo Breadcrumb Cho Blogspot Blogger cũng là một cách để tối ưu SEO cho Blogger Blogspot. Vậy, hãy cùng tìm hiểu cách Tạo Breadcrumb Cho Blogspot Blogger Mới Nhất ngay bên dưới đây bạn nhé. 

À, hình này chỉ để cho đẹp mà thôi, đừng quan tâm đến nó, hình dưới kia mới chuẩn :D 

1. Breadcrumb cho blogspot 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

Ok! Sau đây, mình sẽ hướng dẫn cách tạo Breadcrumb cho blogspot blogger một cách chuẩn nhất, chúng ta vẫn can thiệp vào HTML của template nhé. 

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.

Thế thôi, chúc các bạn làm thành công. Đừng quên đăng ký email để nhận được bài viết mới nhất từ Namphongnet.xyz bạn nhé.