Home » thủ thuật blogspot
Thứ Hai, 5 tháng 1, 2015
Hướng dẫn tạo Breadcrumb cho blogger
Hướng dẫn tạo Breadcrumb cho blogger
Chào mừng các bạn đến với blogs PhucNguyenIT.Trong chủ đề này chúng ta sẽ đi tìm hiểu về các làm thế nào để tạo Breadcrum cho blogspot và tác dụng của việc thêm Breadcrum cho blogspot
Chúng ta sẽ đi tìm hiểu :
Breadcrum blogger là gi ?
Breadcrumbs tập hợp các đường liên kết 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 web.Breadcrumbs là một thành phần rất quan trọng trong hệ thống navigation của website gần như vào bất cứ website nào bạn cũng thấy sự hiện diện của nó. Bạn có thể xem hình ảnh dưới đây để xem breadcrumb là gì.![]() |
| Breadcrumb khi search trên google |
Cách tạo Breadcrumbs cho blogspot
B1: Bạn đăng nhập vào blog -> Thiết kế -> Mẫu -> Chỉnh sửa HTML -> Mở rộng tiện ích và làm các bước 2
B2: Tìm đến đoạn code bên dưới:
B2: Tìm đến đoạn code bên dưới:
<b:include data='top' name='status-message'/><b:include data='top' name='status-message'/> <b:include data='posts' name='breadcrumb'/><b:includable id='main' var='top'><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'>.breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height: 1.4em; border-bottom:3px double #e6e4e3; }Chúc các bạn thành công !
Hãy chia sẻ bài viết nếu bạn cảm thấy có ích cho bạn và mọi người ..!
You may also...
Hot
-
Những điều cấm kỵ trong ngày mồng 1 tết Những điều cấm kỵ trong những ngày tết chúng ta nên biết và nên tránh,những ngày...
-
“12 con giáp” chào 2015: Hé lộ những nhân vật khách mời đặc biệt “12 con giáp”– chương trình đặc biệt chào đón 2015 mang thương hiệu của VT...
-
Cách kiểm tra bạn đang xài nhà mạng nào FPT Hay VNPT, viettel.. Có khi nào bạn đang xài mạng , vd đang lướt facebook mà tự dư...
-
Mẫu blogger cực đẹp về tin tức cho năm 2015 Template blogger tin tức đẹp mê hồn tất nhiên là miễn phí, template bloger dạ...
-
Tự động đăng bài lên tất cả các groups trên facebook Auto đăng bài lên các nhóm trên facebook, tự động đăng tin lên các gro...
-
cách kiểm tra xem bạn đang xài nhà mạng nào fpt hay vnpt , viettel Cách kiểm tra xem mạng mình đang dùng là mạng gì: VNPT, Viettel...
-
Hướng dẫn cài đặt Seo Quake rất đơn giản các bạn truy cập link sau tại đây download nó về và reset lại trình duyệt vậy ...
-
Author box đẹp chèn bên dưới bài đăng Tạo khung giới thiệu tác giả ở cuối mỗi bài đăng, đây thực sự là một tốt cách để tăng ...
-
Những tấm hình "tự sướng" ngu ngốc nhất thế giới Chụp ảnh không đúng chỗ sẽ gây ra sự phản cảm Chụp ảnh "...
-
Cô giáo thể dục sở hữu thân hình bé nhỏ đôi chân dài luôn làm xáo động trường học với vẻ đẹp hoàn mỹ Cô giáo Ye Jung Hwa luôn làm các học tr...



Comments[ 0 ]
Đăng nhận xét