Thứ Tư, 19 tháng 9, 2012

Tạo khung "Thêm tiện ích" (Thêm Widget) cho phần Header (đầu Blogspot)

Trong quá trình thiết kế blog thì việc sử dụng các Widget để làm cho blog của bạn chỏ nên sinh động và đẹp hơn là rất phổ biến. Đối với các phần bình thường như các cột sider bả thì việc đó quá dễ dàng rùi. Nhưng đối với phần header thì đòi hỏi các bạn phải chỉnh sửa template. 
Với giao diện mặc định của Blogger thì khung header nằm dòng thứ 2 dưới thanh điều hướng. Do vậy việc thêm các tiện ích để trang trí phần header như thêm các File flassh, menu drop là rất khó khăn, do vậy namkna sẽ hướng dẫn các bạn thêm một tiện ích trên cùng của header blog các bạn.

Ảnh trước khi thực hiện thủ thuật

Cách tiến hành:

Đăng nhập vào Blog.
Chọn Thiết kế.
Chọn Chỉnh sửa HTML.
Bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào nó dòng chữ 'header' id rồi nhấn Enter, bạn sẽ thấy trên khung lớn có dòng:<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 

5. Bây giờ bạn thay chữ "no" thành chữ "yes" và xoá bỏ maxwidgets='1'
- Khi đó bạn được code mới như sau:<b:section class='header' id='header' showaddelement='Yes'>

- Chú ý phần dấu cách giữa các phần ở code trên phải đúng nha.
6. Bấm Lưu mẫu và trở vào Phần tử trang bạn sẽ thấy khung "Thêm tiện ích" nằm phía trên thanh tiêu đề.
- Bây giờ, bạn có thể thêm những tiện ích HTML/Javacrip nào mà mình muốn.
Chúc bạn thành công!

Không có nhận xét nào: