Cộng đồng Blogger Việt Nam
Rất vui khi bạn ghé thăm Diễn đàn Cộng đồng Blogger Việt Nam
Chúc bạn vui vẻ và tìm được thông tin mong muốn!
Hãy đăng ký thành viên để góp sức xây dựng Cộng đồng Blogger Việt Nam đoàn kết, cùng phát triển nhá!
Cộng đồng Blogger Việt Nam

Chia sẻ thủ thuật - Cùng nhau khám phá tìm hiểu và phát triển Blogger - Blogspot

Latest topics

» Mong muốn làm quen
by LynhSan 16/5/2018, 11:26 pm

» Template blogspot bán hàng chuẩn seo [đã tối ưu]
by Tuan khai 18/10/2017, 7:58 am

» [ Hỏi ] Về chỉnh sửa thanh menu ?
by hoang4rever 18/5/2016, 10:53 pm

» cách chỉnh sửa Menu Blogspot
by hoang4rever 18/5/2016, 10:38 pm

» Mong muốn làm quen mọi người trong 4rum
by huongnguyen8393@gmail.com 5/9/2015, 5:53 pm

» Thesic Blogspot Template (Latest version)
by nguyendang1208 20/7/2015, 9:43 am

» Zero Gravity Blogger Template
by nguyendang1208 20/7/2015, 9:40 am

» Chia sẻ DVTechPro - Template chuẩn SEO cho Blogger
by Admin 3/7/2015, 8:39 am

» Nhờ các bạn đánh giá Template!
by Thanh Vân 27/5/2015, 11:44 pm

» Làm quen Kết bạn
by Phương Hậu 13/5/2015, 5:30 pm

» Sửa lỗi ảnh blogspot không hiển thị do bị chặn
by Admin 3/4/2015, 9:13 am

» Tuyển nhân viên làm việc bán thời gian
by Admin 30/3/2015, 11:14 pm

» cách thêm cloud zoom hoặc magic zoom cho blogspot?
by Admin 30/3/2015, 11:11 pm

» blog phải đặt www đứng trước mới vào được (giúp em với)
by Admin 30/3/2015, 11:00 pm

» 7 bước để website được index nhanh lên google
by vqw 13/1/2015, 11:59 am

» Dùng Blogspot là web phim
by phim360pro 1/1/2015, 8:49 pm

» Cùng đặt liên kết để phát triển blog
by ktuan 17/12/2014, 10:57 am

» Tạo Tab widget bài viết mới nhất theo label
by dungbk68 16/12/2014, 9:33 am

» Label hiển thị không đúng số bài viết
by vanviet098 10/12/2014, 5:08 am

» Hỏi nhanh đáp gọn!
by Admin 14/11/2014, 5:05 pm

» BẤM MẮT HAI MÍ HÀN QUỐC
by rubybeauty81 28/10/2014, 1:18 am

Poll
Statistics
Diễn Đàn hiện có 634 thành viên
Chúng ta cùng chào mừng thành viên mới đăng ký: Hero

Tổng số bài viết đã gửi vào diễn đàn là 503 in 165 subjects

You are not connected. Please login or register

Tạo đường dẫn breadcrumb cho Blogger/Blogspot

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Admin

avatar
Admin
Thanh điều hướng breadcrumbs xuất hiện nằm ngang trên đầu trang web, thường nằm dưới hoặc trên tiêu đề bài viết. Chúng cung cấp đường dẫn trở lại trang trước, đến một chủ đề nào đó hoặc trở về trang chủ. Nhìn chung người thiết kế thường sử dụng các dấu phân cách như > hoặc ».

Thanh điều hướng breadcrumbs điển hình trông như thế này:

Trang Chủ » Thủ thuật Blogger » Tạo đường dẫn breadcrumb cho Blogger/Blogspot


Bước 1:

- Lưu Template hiện tại của bạn.
- Đăng nhập >> Thiết kế (Design) >> Chỉnh sửa HTML( Edit HTML) >> Đánh dấu chọn Mở rộng Mẫu tiện ích(Expand Widget Template).

Bước 2: Thêm CSS:
Tìm ]]></b:skin> (Ctrl + F >> ]]></b) và thêm ngay trước nó đoạn mã:

Code:
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

Bước 3:

- Tìm đoạn mã (Ctrl + F để tìm ):
Code:
<b:include data='top' name='status-message'/>
Thêm ngay dưới nó đoạn mã :
Code:
<b:include data='posts' name='breadcrumb'/>
- Tìm tiếp :
Code:
<b:includable id='main' var='top'>

Và thêm trước nó đoạn mã:

Code:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- khong hien thi breadcrumb o trang chu -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb cho bai dang -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Trang Chủ</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;'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb cho nhan, trang tim kiem, luu tru blog.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Trang Chủ</a> »
<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'>Trang Chủ</a> »
<b:else/>
<a expr:href='data:blog.homepageUrl'>Trang Chủ</a> »
<data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Bấm chọn LƯU TEMPLATE, xem thành quả bằng cách bấm vào bài viết bất kì thôi ^^!
Lưu ý nếu bạn sử dụng nhiều nhãn (label) cho một bài viết thì breadcrumbs chỉ hiển thị nhãn cuối cùng mà bạn đã thêm vào

Nguồn : http://www.buitruonganh.tk/2011/06/tao-duong-dan-breadcrumb-cho.html

Xem lý lịch thành viên http://forum.bloggervn.tk

Admin

avatar
Admin
Mới được bạn Lê Nam góp ý, mình đã fix lại lỗi, rất cảm ơn bạn.
Bay lên nào!Very Happy

Xem lý lịch thành viên http://forum.bloggervn.tk

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết