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...
-
Tăng tốc độ lướt web bằng thay DNS Tăng tốc độ truy cập mạng trong giai đoạn cáp quang AGG bị đứt là một vấn đề có kha...
-
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...
-
Default Responsive Personal Blog Blogger Template This theme was designed by ‘ Josh Peterson ‘. Social bookmark, related post widget, multi...
-
Thư gửi mẹ - truyện ngắn hay cảm động Vợ của anh vì một lý do ngoài ý muốn đã qua đời được 4 năm, anh vì không có cách nào có thể...
-
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 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...
-
phucnguyenit.blogspot.com home tin tức tin giới trẻ tin xã hội tin pháp luật tin thế giới độc và lạ giải trí lời hay ý đẹp th...
Comments[ 0 ]
Đăng nhận xét