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 :
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 !
