Tạo thanh trạng thái cho biết vị trí của bài viết


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 == &quot;item&quot;'>
      <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 == &quot;true&quot;'> &#187;
              <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
            </b:if>
 &#187; <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 == &quot;archive&quot;'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> &#187; 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ích
Chúc các bạn thành công !

4 Nhận xét on "Tạo thanh trạng thái cho biết vị trí của bài viết"

Nobita on 15 December 2008 at 14:07 said...

bạn ơi làm sao thay đổi độ rộng của bài viết mình làm một cái flash hình ảnh nhưng bại mất một nửa bạn email cho mình nha nobita9922@yahoo.com hoặc PM cho mình nha.

Benjami Tennyson on 15 December 2008 at 18:11 said...

Đầu tiên bạn đăng nhập vào Blogger > Layout > Edit HTML (không bật Mở rộng Mẫu tiện ích).
Bạn search từ #main-wrapper, khi tìm thấy, hãy kéo xuống phía dưới một chút và tìm dòng width : ...px . Bạn chỉ việc thay đổi lại thông số theo ý thích là ok. Thân

DownSoft24h on 31 January 2009 at 14:59 said...

Mình bị lỗi này:

Home TEMPLATE ERROR: No dictionary named: '' in: ['blog']
TEMPLATE ERROR: Invalid data reference navMessage: com.google.layouts.framework.widgetview.GoogleMarkupException: No dictionary named: '' in: ['blog']

Benjami Tennyson on 31 January 2009 at 15:45 said...

Lỗi của bạn xảy ra khi sửa template hay khi sử dụng widget vậy ? Mình phát hiện được 1 lỗi ở widget này là Khi bài đăng được thiết lập thành nhiều nhãn (label) thì widget hiển thị đường dẫn không đúng. Còn lỗi ở trên thì mình chưa gặp bao giờ !

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Cám ơn bạn đã đọc bài viết tại blog của boyproDX.
Nếu cảm thấy blog có nhiều bài hữu ích , các bạn hãy Bookmark(nhấn Ctrl_D) hoặc Đăng kí nhận tin qua RSS site mình để không bỏ qua các bài viết tiếp theo của mình. Chúc các bạn vui vẻ !

Logo Exchange (Tạm ngưng)

 

Chuyên trang blog về tin học | Copyright © 2009 | Best view at 1024x768 with Firefox 3