Cách tạo Breadcrumbs cho Blogspot

Bước 1: Đăng nhập blogspot vào Mẫu -> Chỉnh Sửa HTML

Bước 2: Chèn đoạn code sau trước thẻ đóng ]]></b:skin>

#Breadcrumbs{color: #000;font-size: 13px; margin-bottom:10px; padding:10px;background:#FFCC00; border:2px solid #BBBBBB; font-weight:bold; text-decoration:none; }
#Breadcrumbs a{color: #000,font-size: 13px}
#Breadcrumbs div{float:left;}

Bước 3: Tìm đến thẻ lệnh <b:includable id='post' var='post'> rồi chèn đoạn code bên dưới ngay sau nó:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='Breadcrumbs'>
<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrum'>
<a expr:href='data:blog.homepageUrl' itemprop='url' rel='tag'>
<span itemprop='title'>
TEN_BLOG
</span>
</a>
&#187;
</div>
<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 == &quot;true&quot;'>
<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url' rel='tag'>
<span itemprop='title'>
<data:label.name/>
</span>
</a>
&#187;
</div>
</b:if>
</b:loop>
<span>
<data:post.title/>
</span>
</b:if>
</b:loop>
</div>
</b:if>

Bạn chỉnh sửa TEN_BLOG thành tên blog của bạn. Sau đó lưu click lưu mẫu và trở về trang quản trị

Bước 4: Cài đặt Robots.txt trong blogspot để chắc rằng Breadcrumbs hiển thị trên google.

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Allow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html

Sitemap: http://vanlien129.blogspot.com/feeds/posts/default?orderby=UPDATED

Thay http://vanlien129.blogspot.com/ thành link website của bạn.