Hot!

Thay đổi chiều rộng của bảng Blog Archive

Thursday, 3 December 2009
drop-down-archive_03 Chào các bạn. bài viết này sẽ giới thiệu cho các bạn về thủ thuật để thay đổi chiều rộng của dropdown archive trong blogspot.
Hãy thử xem bạn đã sử dụng dropdown archive trong blog của các bạn chưa, nếu chưa thì sẽ có một ngày nào đó các bạn sẽ cảm thấy thích thú với kiểu dropdown archive (trình đơn Lưu trữ thả xuông - như hình minh hoạ). 

Còn nếu bạn đã sử dụng thì liệu bạn có cảm thấy thoả mái với độ rộng mặc định của nó không? Chắc sẽ có nhiều bloggers sẽ cảm thấy không thoả mãi hay ưng ý với độ rộng của nó vì lý do không phù hợp với độ rộng của sidebar. Quả thực nếu bạn cảm thấy không ưng ý vì chiều rộng của dropdown archive do nó quá ngắn hoặc quá dài thì bạn có hoàn toàn có thể điều chỉnh chiều rộng để phù hợp với sidebar.

Cách làm? OK, tôi sẽ trình bày với các bạn thủ thuật để các bạn thay đổi chiều rộng dropdown archive.

Trước tiên, để thực hiện điều này bạn cần chắc chắn một điều là Blog của các bạn đã sử dụng dropdown archive.
Các bước thực hiện như sau:
  1. Đăng nhập vào blogger.
  2. Click chọn Layout (Bố cục)
  3. Sau đó, click chọn tab Edit HTML (chỉnh sửa HTML)
  4. Hãy sao lưu template trước khi chỉnh sửa HTML bằng cách click vào Download Full Template (Tải xuống Mẫu đầy đủ). Điều này rất cần thiết.
  5. Click chọn vào ô vuông Expand Widget Template (Mở rộng Mẫu Tiện ích) và chờ 1 vài giây.
    expand-widget

  6. Tìm code như dưới:


    <b:includable id='menu' var='data'>
    <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
    <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
    </select>
    </b:includable>


  7. Xoá nó đi và thay thế bằng code sau:





    <b:includable id='menu' var='data'>
    <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;' style='width:100%'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
    <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
    </select>
    </b:includable>



  8. Click chọn “Save Template” và như vậy là đã hoàn thành công việc của bạn.

  9. Bước cuối cùng là xem xem Blog của bạn như thế nào.

Bây giờ bạn đã thấy ưng ý với dropdown archive vừa chỉnh sửa? Chắc chắn là bạn hài long.
Tất nhiên, như hướng dẫn ở trên, tôi chỉ có thêm mã này style='width:100% in vào trình đơn có sẵn, và tất nhiên, giá trị của style =' width: 100% 'có thể được tuỳ ý theo độ rộng mà bạn yêu cầu

Chúc bạn vui vẻ và có thêm nhiều thủ thuật mới!!
Tags: , ,

Ý kiến bạn đọc [ 1 ]


Anonymous 30 July 2010 09:12

mình muốn chỉnh bố cục chiều rộng blog ra hết cỡ đầy màn hình như thế nào.
có blog chỉnh dc như vậy nhưng trong phần điều chỉnh độ rộng thì chỉ có tối đa 1000px

Ý kiến của bạn