Cách tạo liên kết breadcrumbs cho blogspot

Thứ Ba, 6 tháng 5, 2014

Cách tạo liên kết breadcrumbs cho blogspot

Breadcrumb cho blogspot cũng giống trong web nó là tập hợp các đường link phân cấp giúp người dùng có thể biết được mình đang ở trang nào và từ đó có thể di chuyển thuận lợi từ trang này trang khác trong 1 website.

Cách tạo liên kết breadcrumbs cho blogspot

Vậy làm sao để tạo được liên kết Breadcrumb, với bài viết sau hi vọng sẽ giúp được các bạn.

Cách tạo liên kết Breadcrumb trong blogspot:

+ Viết css: Vào Template (Mẫu) => Edit HTML (chỉnh sửa HTML) Tìm tới dòng ]]></b:skin>

Và thêm Code dưới đây ngay trên nó:

.breadcrumbs {
    border: 1px solid #D1D1D1;
    line-height: 30px;
    margin: 5px 0 5px 2px;
    width: 725px; 
}

+ Thêm code:

Tìm đoạn code: <b:includable id='post' var='post'>

Và thêm Code dưới đây ngay trên nó:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Phạm Huấn Blog</span></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 itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span> » </b:if>
</b:loop>
</b:if>
<span><data:post.title/></span>
</b:loop>
</div>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='post'>
<div itemprop='' itemtype='http://data-vocabulary.org/Breadcrum'>
<b:if cond='data:blog.pageType == "archive"'><div class='breadcrumbs'>
<span iitemprop='' itemtype='http://data-vocabulary.org/Breadcrum'>
<a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Phạm Huấn Blog</span></a> </span>» Archives for <data:blog.pageName/></div></b:if>
<b:if cond='data:blog.pageType == "index"'><span class='breadcrumbs'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Phạm Huấn Blog</span></a></span> » <data:blog.pageName/></span></b:if>
</div>
</div>
</b:if>
</b:if>
</b:if>
</b:includable>

Chú ý: thay Phạm Huấn Blog bằng Tên bạn muốn hiện thị

Ok đã song bạn có thể test trên google bằng công cụ http://www.google.com/webmasters/tools/richsnippets (nhớ đăng nhập google trước nha)