>> Nếu blog chưa có Breadcrumb hãy xem bài viết này : https://www.share123bloggertemplates.com/2020/05/cach-them-breadcrumb-vao-blogspot-moi.html
 |
| Cách Thêm Breadcrumb vào Blogspot mới nhất 2020 |
TẠO BREADCRUMBS TỐI ƯU SEO CHO BLOGSPOT
Truy cập vào templates blogspot thêm css bên dưới sau ]]></b:skin> hoặc </style>
/* Breadcrumb */Tìm đến đoạn code
.breadcrumb{padding:20px 30px;background:#fff;margin-bottom:20px}
.breadcrumb a,.post-info a {color:#19abea;}
.breadcrumb a:hover,.post-info a:hover {color:#454545;}
<b:include data='top' name='status-message'/>
Thêm trên nó
<b:include data='posts' name='breadcrumb'/>
Sau đó tìm tiếp đến đoạn code sau
<b:includable id='main' var='top'>…</b:includable>
Thêm đoạn code breadcrumb này bên trên nó
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isPost'>
<b:loop values='data:posts' var='post'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<meta content='1' itemprop='position' /> <span itemprop='name'>
<b:switch var='data:blog.locale'>
<b:case value='id' />Beranda
<b:default />Home</b:switch>
</span></a> </span>
<b:if cond='data:post.labels'>
<b:loop index='nomor' values='data:post.labels' var='label'> &nbsp;›&nbsp; <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<meta expr:content='data:nomor+2' itemprop='position' /> <a expr:href='data:label.url + "?&max-results=8"' expr:title='data:label.name' itemprop='item' rel='nofollow'> <span itemprop='name'>
<data:label.name /></span> </a> </span> </b:loop>
<b:else /> &nbsp;›&nbsp; <span itemprop='name'>
<data:blog.pageName /></span>
</b:if>
</div>
</b:loop>
<b:elseif cond='data:view.isPage' />
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<meta content='1' itemprop='position' /> <span itemprop='name'>
<b:switch var='data:blog.locale'>
<b:case value='id' />Beranda
<b:default />Home</b:switch>
</span></a> </span> &nbsp;›&nbsp; <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<meta expr:content='data:num+2' itemprop='position' /> <a expr:href='data:blog.url' expr:title='data:post.url' itemprop='item'> <span itemprop='name'>
<data:blog.pageName /></span> </a> </span> </div>
</b:if>
</b:includable>
Bây giờ chỉ cần lưu mẫu lại thôi và hãy xem thành quả bạn vừa làm được, thật tuyệt vời nhé. Chúc các bạn đã vừa thêm một thủ thuật blogspot mà blogger nào cũng nên làm.
