Tạo Breadcrumb cho Blogspot
Breadcrumb là một tiện ích (tiện ích hay cái gì đó thì mình cũng không rõ :D) khá quan trọng. Nó không chỉ giúp độc giả biết được mình ở đâu trong blog của bạn mà còn tăng khả năng SEO cho blog của bạn. Nếu như Wordpress có Plugin hỗ trợ để làm việc này thì với khả năng tùy biến "siêu việt" của Blogger thì chúng ta hoàn toàn có khả năng tạo riêng cho mình một thanh Breadcrumb chuẩn SEO :)))
Bây giờ chúng ta cùng bắt tay vào việc thôi:
Các bạn lần lượt làm theo các bước sau :
Bước 1 : Đăng nhập vào Blogger : Chọn Mẫu >> Chỉnh sửa HTML
Bước 2 : Tìm đoạn code sau :
Và thay thế bởi đoạn code sau:
Bước 3: Bây giờ các bạn tìm đoạn code sau:
Các bạn chèn code sau trước thẻ ]]></b:skin>
Bây giờ chúng ta cùng bắt tay vào việc thôi:
Các bạn lần lượt làm theo các bước sau :
Bước 1 : Đăng nhập vào Blogger : Chọn Mẫu >> Chỉnh sửa HTML
Bước 2 : Tìm đoạn code sau :
<b:include data='top' name='status-message'/>
Và thay thế bởi đoạn code sau:
<b:include data='posts' name='breadcrumb'/>
Bước 3: Bây giờ các bạn tìm đoạn code sau:
<b:includable id='main' var='top'>
Và thay thế bằng:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<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"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</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"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<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> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
Bước 4 : Bây giờ chúng ta sẽ tạo những hiệu ứng cho Breadcumbs bằng CSSCác bạn chèn code sau trước thẻ ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:2px solid #e6e4e3;}
.breadcrumbs :hover{
border-bottom:2px dashed #e6e4e3;
background:#f1f1f1;
}
Lưu ý: Nếu bạn không rành về cấu trúc blog của bạn thì nên thay thế tất cả các code bạn tìm thấy ở bước 1.Chúc thành công!
bạn ơi cho hỏi mình lấy 1 temple trên mạng về up lên blog của mình và thực hiện như hướng dẫn bên trên của bạn nhưng nó báo lỗi nhứ này : The widget with id "Blog1" contains at least two b:includable elements with the same id: "breadcrumb". All b:includable elements should have a unique id for a given widget.- bạn giải quyết giúp mình với
ReplyDeleteblog bạn là cái nào?
Deletemình làm thì lại bị hở 1 đoạn giữa tiêu đề bài đăng và Breadcrumb
ReplyDeleteBạn thêm giá trị css sau:
ReplyDeletemargin:0px; padding:0px
mình muốn đổi màu và cho dòng chữ to ra có được không bạn
ReplyDeleteblog mình đây Trị Rụng Tóc
Thanks bài viết của admin
ReplyDeleteMr.Trúc
Hotline: 0916 812 933 & 0976 258 618
Chuyên bán Thuốc trị hói đầu cho nam hiêu quả nhanh nhất
hay lắm bạn
ReplyDeletethủ thuật khá hay, thank chia sẻ của bạn nhé!
ReplyDeleteMỹ Huyền – Nhân viên văn phòng
-------------------------------------------------------------------
Xem chi tiết về Dịch vụ chụp ảnh cưới phóng sự
Hoặc Dich vu chup anh cuoi phong su
Cám ơn bạn, mình đang tìm hiểu về thủ thuật này.
ReplyDeleteCông Lợi – Quay phim
------------------------------------------------
Quay phim phóng sự Đám Hỏi
Quay phim phong su Dam Hoi
Cảm ơn vì bài đăng bổ ích này
ReplyDeleteLê Minh – Nhân viên chăm sóc khách hàng
------------------------------------------------
Trang trí cưới hỏi
Trang tri cuoi hoi
Cảm ơn vì đã chia sẻ thông tin hữu ích
ReplyDeleteThiên Hoàng – Nhân viên Marketing
------------------------------------------------
Dịch vụ quay phim phóng sự cưới
Dich vu quay phim phong su cuoi
cảm ơn đã chia sẻ thông tin
ReplyDeleteNguyễn Thanh – Nhân viên Marketing
------------------------------------------------
Quay phim phóng sự Lễ Cưới - Tiệc Cưới
Quay phim phong su Le Cuoi – Tiec Cuoi
ReplyDeleteMinh Tuấn
Chuyên viên kinh doanh máy nước nóng năng lượng mặt trời
Tel: 0123 7049 054
Mail: hoangminhtuan.cd@gmail.com
Click xem chi tiết: Lắp đặt máy nước nóng năng lượng mặt trời như thế nào hoặc Lap dat may nuoc nong nang luong mat troi nhu the nao
Cảm ơn bạn đã chia sẻ thông tin !
ReplyDelete......................................
để có thể trị mụn tốt nhất:
Click xem chi tiết: Kem trị mụn neutrogena On the Spot Acne Treatment hiệu quả tốt nhất
hoặc Kem tri mun neutrogena On the spot Acne Treatment hieu qua tot nhat
bài chia sẻ hướng dẫn hay, cảm ơn Ad.
ReplyDelete............................................................
Galile
Chuyên bán máy nước nóng năng lượng mặt trời.
Tel: 08. 66 851 451 – 0901 315 713
Mail: dichvugalile@gmail.com
Click xem chi tiết: Máy nước nóng năng lượng mặt trời ariston, sunpo giá rẻ hoặc May nuoc nong nang luong mat troi ariston, sunpo gia re
cảm ơn bạn đã chia sẻ thông tin!
ReplyDelete......................................
để rửa mặt tốt nhất:
Click xem chi tiết: Máy rửa mặt neutrogena wave sonic tốt nhất
HOẶCMay rua mat neutrogena wave sonic tot nhat
Cảm ơn bạn đã chia sẻ thông tin !
ReplyDelete......................................
Để có thể trang trí nhà cửa.
Click xem chi tiết: Tượng Đá Phúc Lộc Thọ Đẹp Giá Rẻ Mua Bán Ở Đâu Tại Tphcm
hoặc Tuong da phuc loc tho dep gia re mua ban o dau tai tphcm
Cảm ơn bạn đã chia sẻ thông tin bổ ích. Mình sẽ nghiên cứu để tạo thêm và hoàn thiện cho blogspot của mình, cái gì tốt cho blogspot và web của mình là mình thích lắm luôn à..hihi
ReplyDelete…………………………………………………………………………………………
Sunpo cung cấp các dòng máy nước nóng năng lượng mặt trời được liên doanh Úc & Israel cho ngôi nhà thân yêu của bạn.
mình cũng làm như bạn rồi nhưng không hiển thị trên web di động
ReplyDelete