Chào mừng đến với Diễn Đàn Tin Học VN! Hãy chia sẽ những gì bạn biết, và đưa ra thắc mắc của bạn để được giải đáp.

Xem chủ đề cũ hơnGo downXem chủ đề mới hơn
avatar
maytinhbienhoa
Tổng số bài gửi : 3
Join date : 04/04/2018

Tạo breadcrum cho blogspot Empty Tạo breadcrum cho blogspot

13/04/18, 04:20 pm
Breadcrum là gì?

Breadcrum là tập hợp các liên kết sắp xếp dưới dạng đường dẫn (path) nhằm giúp cho người đọc biết được vị trí của bài viết mình đang xem nằm ở đâu trong trang blog.

Ví dụ:  

  • Bạn có breadcrum sau: Trang chủ >> Template cho blogger >> tìm hiểu về template
  • Như vậy để vào xem được bài viết tìm hiểu về template thì bạn vào trang chủ và vào phần Template cho blogger


Hướng dẫn tạo breadcrum cho bài viết trên blogspot

Bước 1: Vào Template (Mẫu) --> Edit HTML (chỉnh sửa HTML) chọn Expand the Widget Templates (Mở rộng Mẫu tiện ích)

Bước 2: Thêm mã css sau và trước ]]>

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

Bước 3: Tim đoạn code dưới đây

Code:
<b:includable id='post' var='post'>

Và Copy đoạn code dưới đây vào phía dưới nó

Code:
<b:if cond='data:blog.pageType == "item"'>
<div id='Breadcrumbs'>
<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' rel='tag'> <span itemprop='title'>[color=#ff3300]<data:blog.title/>[/color]</span></a> »</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 == "true"'>
<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> »</div>
</b:if>
</b:loop>
<span><data:post.title/></span>
</b:if>
</b:loop>
</div>
</b:if>

Bạn có thể thay thế bằng "Trang chủ" hoặc "Home" hay bằng biểu tượng "cái nhà" tùy theo ý thích của bạn. Nếu bạn để mặc định thì nó sẽ tự động lấy tittle của blog bạn mà thêm vào.
Xem chủ đề cũ hơnVề Đầu TrangXem chủ đề mới hơn
Permissions in this forum:
Bạn không có quyền trả lời bài viết