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 :
<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 == &quot;item&quot;'>

<!-- 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 == &quot;true&quot;'> &#187;

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

</b:if>

</b:loop>

<b:else/>

&#187; Unlabelled

</b:if>

&#187; <span><data:post.title/></span>

</b:loop>

</span>

</p>

<b:else/>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<!-- breadcrumb for the label archive page and search pages.. -->

<p class='breadcrumbs'>

<span class='post-labels'>

<a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>

</span>

</p>

<b:else/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<p class='breadcrumbs'>

<span class='post-labels'>

<b:if cond='data:blog.pageName == &quot;&quot;'>

<a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts

<b:else/>

<a expr:href='data:blog.homepageUrl'>Home</a> &#187; 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 CSS
Cá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!
728x90 Adsense4 Chương Trình Affiliate


Responses

26 Respones to " Tạo Breadcrumb cho Blogspot "

Tuấn Vũ said...

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


April 24, 2013 at 12:07 AM
Karl Carsten said...

blog bạn là cái nào?


April 24, 2013 at 8:56 PM
xe do said...

mình làm thì lại bị hở 1 đoạn giữa tiêu đề bài đăng và Breadcrumb


August 5, 2013 at 3:59 PM
Karl Carsten said...

Bạn thêm giá trị css sau:
margin:0px; padding:0px


August 6, 2013 at 5:09 PM
Trị Rụng Tóc said...

mình muốn đổi màu và cho dòng chữ to ra có được không bạn
blog mình đây Trị Rụng Tóc


May 26, 2014 at 4:52 PM
Truc Ly Hoang said...

Thanks bài viết của admin
Mr.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


March 11, 2015 at 3:53 PM
tri ma said...

Cảm ơn bạn đã chia sẻ thông tin !
......................................
Để có thể trang điểm dể dàng và hiệu quả.
các bạn nên dùng cọ trang điểm tốt nhất
Click xem chi tiết: Bộ cọ trang điểm cá nhân chuyên nghiệp tốt nhất
hoặc Bo co trang diem ca nhan chuyen nghiep tot nhat


July 23, 2015 at 8:38 PM
Mỹ Huyền said...

thủ thuật khá hay, thank chia sẻ của bạn nhé!
Mỹ 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


August 3, 2015 at 10:29 AM
phúc nguyễn said...

Cám ơn bạn bài viết hay quá !!
………………………………….
Hiện nay chúng tôi sắp mở bán dự án Căn hộ cao cấp Silver Star Nhà Bè, với giá cực rẻ chỉ 1ty2/căn 2PN, với đầy đủ tiện ích vượt trội: hồ bơi, trung tâm thương mại, siêu thị, rạp film Galaxy, hứa hẹn sẽ là nơi tốt nhất dành cho bạn. Chính nơi đây sẽ mang đến cho bạn những tiện ích mà không nơi nào mang lại được. Để biết thêm chi tiết xin liên hệ 0932.699.603 (Mr.Phúc) hoặc vào Xem thông tin Căn hộ Silver Star Nhà Bè tại website Căn hộ Silver Star Nhà Bè | Can ho Silver Star Nha Be


August 13, 2015 at 3:16 PM
Võ Lợi said...

Cám ơn bạn, mình đang tìm hiểu về thủ thuật này.

Công Lợi – Quay phim
------------------------------------------------
Quay phim phóng sự Đám Hỏi
Quay phim phong su Dam Hoi


August 21, 2015 at 5:43 PM
Minh Lê said...

Cảm ơn vì bài đăng bổ ích này
Lê Minh – Nhân viên chăm sóc khách hàng
------------------------------------------------
Trang trí cưới hỏi
Trang tri cuoi hoi


August 23, 2015 at 2:05 PM
Thiên Hoàng said...

Cảm ơn vì đã chia sẻ thông tin hữu ích
Thiê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


August 30, 2015 at 9:48 AM
Thanh Nguyen said...

cảm ơn đã chia sẻ thông tin
Nguyễ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


August 30, 2015 at 10:23 AM
Hoàng Minh Tuấn said...


Minh 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


September 10, 2015 at 10:08 AM
tri ma said...

Cảm ơn bạn đã chia sẻ thông tin !
......................................
để 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


September 11, 2015 at 12:34 PM
Tùng Thanh said...

Cảm ơn những chia sẻ hữu ích của bài viết
Tùng Thanh– Nhân viên Marketing
------------------------------------------------
Tại sao cần có mâm ngũ quả trong ngày cưới
Tai sao can co mam ngu qua trong ngay cuoi


September 26, 2015 at 12:03 PM
Máy Năng Lượng Mặt Trời said...

bài chia sẻ hướng dẫn hay, cảm ơn Ad.
............................................................
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


October 9, 2015 at 8:51 AM
MA THANH CONG said...

cảm ơn bạn đã chia sẻ thông tin!
......................................
để 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


October 15, 2015 at 5:41 PM
Năng Lượng Mặt Trời said...

Cảm ơn bạn đã chia sẻ thông tin.
.....................................................
Sunpo Corporation
Chuyên kinh doanh máy nước nóng năng lượng mặt trời – liên doanh Úc và Israel.
Tel: 08. 3984 3985 – 0984 53 22 55
Mail: info@sunpo.com.vn
Click xem chi tiết: mua máy nước nóng năng lượng mặt trời chất lượng hoặc mua may nuoc nong nang luong mat troi chat luong


January 9, 2016 at 4:21 PM
trí mã quang said...

Cảm ơn bạn đã chia sẻ thông tin !
......................................
Để 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


May 25, 2016 at 11:03 AM
Sunpo Corp said...

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
…………………………………………………………………………………………
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.


June 11, 2016 at 5:08 PM
hoàng cường said...

mình cũng làm như bạn rồi nhưng không hiển thị trên web di động


July 6, 2016 at 10:39 PM

Post a Comment

FRIENDS

VanLinhEx Blog Duy Pham Blog BKAV giá rẻ Namkna Blog Đinh Công Thành ChinhTruc Blog VnZap! VnBlogExpress LaoDongBlog Thienhieu Vận chuyển nhà LuatIT Blog Kiếm tiền trên mạng Thế giới APKKiếm Tiền Trên Mạng GiangLe - Chia set phần mềm
Return to top of page Copyright © 2011 | Platinum Theme