Viếng thăm một số diễn đàn, mình thấy có chức năng hiển thị vị trí của người đọc rất hay (như BenhVienTinHoc > A > B > ...). Hôm nay , ghé thăm BloggerBuster , thấy có hướng dẫn cách làm, nên dịch sang Tiếng Việt cho mọi người cùng xem
Đây là kết quả sau khi thử nghiệm trên blog của mình :
Giờ chúng ta bắt đầu làm nhé :
Bước 1 : Vào Trình bày (Layout) > Chỉnh sửa HTML (Edit HTML) > Chọn Mở rộng mẫu tiện ích (Expand widget templates) . Nhớ sao lưu template
Bước 2 : Tìm đoạn code sau
Bước 3 : Tìm đoạn code </b:skin> và thêm ngay trước nó đoạn code này
Chúc các bạn thành công !
Đây là kết quả sau khi thử nghiệm trên blog của mình :
Trang chính
Tranh hiển thị từng bài viết
Trang hiển thị Mục lục bài đăng
Trang hiển thị Nhãn bài đăng
Giờ chúng ta bắt đầu làm nhé :
Bước 1 : Vào Trình bày (Layout) > Chỉnh sửa HTML (Edit HTML) > Chọn Mở rộng mẫu tiện ích (Expand widget templates) . Nhớ sao lưu template
Bước 2 : Tìm đoạn code sau
<b:include data='top' name='status-message'/>
Và thay thế bằng đoạn<div id='places'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<div class='breadcrumbs'>
Bạn đang xem : <data:blog.title/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<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>
» <span class='post-title entry-title'><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>
</div><!-- end places -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<div class='breadcrumbs'>
Bạn đang xem : <data:blog.title/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<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>
» <span class='post-title entry-title'><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>
</div><!-- end places -->
Bước 3 : Tìm đoạn code </b:skin> và thêm ngay trước nó đoạn code này
#places {
border: 1px solid #000000;
padding: 5px 15px;
margin: 10px 0;
line-height: 1.4em;
}
Bạn có thể thay thế #000000 thành một mã màu khác theo ý thíchborder: 1px solid #000000;
padding: 5px 15px;
margin: 10px 0;
line-height: 1.4em;
}
Chúc các bạn thành công !
0 nhận xét:
Đăng nhận xét
♦ Mời bạn gửi Nhận xét của mình. Nếu không có tài khoản Blogger-Google, LiveJournal, WordPress, TypePad, AIM, OpenID, bạn vẫn có thể nhận xét bằng cách chọnComment as là Tên/URL hay Ẩn danh. Tuy nhiên bạn nên chọn Tên/URL với URL có thể để trống. Bạn vui lòng gõ tiếng Việt có dấu.
♦ Bấm vào Xem trước [Preview] bên dưới khung nhận xét nếu muốn xem trước comment đã viết, trước khi post [đăng]. Tương tự, bấm vào Đăng ký qua email [Subscribe by email] để đăng ký theo dõi nhận xét của bài này.
♦ Các bạn tự chịu trách nhiệm với Nhận xét của mình. Nhận xét để phản hồi, đánh giá, góp ý.... suy nghĩ của bạn. Thông qua Nhận xét hãy để cho mọi người biết Bạn là ai.
Xem ký tự của emoticons khỉ Yoyo tại đây.