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
-
Xin chào các bạn . hôm nay chúng ta cùng đến với vấn đề làm sao để xác làm được một cái chứng minh thư giả để phục vụ c...
-
Xây dựng liên kết 6 cách tìm kiếm diễn đàn chất lượng Chào mừng các bạn đến với PhucNguyenIT Blogs, tôi là Phúc Nguyễn Nga...
-
6 Điều đừn nên làm, đừng trả lời khi đang buồn,đừng hứa khi đang vui,đừng quyết định khi đang giận,đừng quá cô đơn mà cầm n...
-
Cách tạo scam giấy chứng minh thư giả để xác minh giấy tờ tùy thân Xin chào các bạn. nói đến vấn đề Facebook thì thật đ...
-
cách kiểm tra xem bạn đang xài nhà mạng nào fpt hay vnpt , viettel Cách test tốc độ mạng Internet VNPT, FPT, Viettel - Speedtest.n...
-
Tên của bạn * Địa chỉ email * Số điện thoại * Lời nhắn *
-
Xin chào mọi người . tôi là PhucNguyen, tôi là thành viên cũng khá lâu của sinhvienit nhưng tôi không hoạt động nhiều hôm nay đê...
-
Default Responsive Personal Blog Blogger Template This theme was designed by ‘ Josh Peterson ‘. Social bookmark, related post widget, multi...
-
Tùy chỉnh và tạo hiệu ứng tuyết rơi cho blog Tạo hiệu ứng tuyết rơi cho blogger, tùy chỉnh tuyết rơi vào blog, thêm code hiệu ứng tuyế...
-
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ư...
Comments[ 0 ]
Đăng nhận xét