Tạo Breadcrumb cho Blogspot

Các bước thực hiện:
Đăng nhập vào blog của bạn => Vào chỉnh sủa html
Như hình bên dưới

 

+ Đến phần chỉnh sữa giao diện (hình dưới) 

 

Bạn chọ mục mẫu mỡ rộng như hình trên

--------------------------------------------------------------------------------------------------------------

Bạn tìm đoạn mã sau (bấm tổ hợp Ctrl + F)

+ Tìm đoạn mã sau: <b:include data='top' name='status-message'/>

Thay bằng đoạn mã sau:

<b:include data='top' name='status-message'/><b:include data='posts' name='breadcrumb'/>

+ Tìm đoạn mã sau:  <b:includable id='main' var='top'>
    Thay Bằng: 
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl == data:blog.url'><b:else/><b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
<span class='post-labels'><span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span><b:loop values='data:posts' var='post'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast == "true"'> »
<span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span></b:if></b:loop><b:else/> » Unlabelled</b:if> » <span><data:post.title/></span></b:loop></span></p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'><p class='breadcrumbs'><span class='post-labels'><a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/></span></p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'><p class='breadcrumbs'><span class='post-labels'>
<b:if cond='data:blog.pageName == ""'><a expr:href='data:blog.homepageUrl'>Home</a> » All posts<b:else/><a expr:href='data:blog.homepageUrl'>Home</a> » Categories under <data:blog.pageName/></b:if>
</span></p></b:if></b:if></b:if></b:if></b:includable><b:includable id='main' var='top'>
<!--Breadcrumbs Navigation For blogger --> 
+ Tìm  đoạn mã sau: ]]></b:skin> ()

Thêm vào trước đoạn mã CSS sau:

.breadcrumbs{background:#fff;color:#289728;padding:12px;border:2px solid #333;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;box-shadow:2px 2px 2px #CCC;}
----------------------------------------------------------------------------
Phần cài đặt hoàn tất => quay lại Blog để xem thành quả!
Tạo Breadcrumb cho Blogspot