Thứ Sáu, 25 tháng 1, 2013

Tạo khung "Thêm tiện ích" (Add Widget) cho Header của blogger

      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 tr 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 siderbar thì việc thêm 1 tiện ích (Add widget) quá dễ dàng rùi. Nhưng đối với phần header của blogger thì phần Add widget bị ẩn đi, do vậy muốn thêm 1 wiget trên phần header là rất khó khăn. Trong bài viết này namkna sẽ hướng dẫn các bạn làm xuất hiện phần thêm tiện ích trên phần header của blog.
      Trong blogger thì khung header là khung chứa phần tiêu đề blog nằm bên dưới thanh điều hướng narbar và nằm trên phần bài đăng trong blog. 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 cần thiết, 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
Tạo khung "Thêm tiện ích" (Thêm Widget) cho phần Header (đầu Blogspot) - by: http://namkna.blogspot.com/
Tạo khung "Thêm tiện ích" (Add Widget) cho Header của blogger


@  Cách tiến hành :

     1_ Đăng nhập (Login) vào Blog
     2_ Vào Mẫu (Template)
     3_ Chọn Chỉnh sửa HTML (Edit HTML). Không cần mở rộng tiện ích mẫu.
     4_ Tìm kiếm đoạn code tương tụ như bên dưới (Mẹo: Bấm phím Ctrl+F để mở hộp tìm kiếm và gõ vào nó dòng chữ class='header' hoặc id='header' rồi ấn Enter):
Tạo khung "Thêm tiện ích" (Add Widget) cho Header của blogger
  
    5_ Bây giờ bạn thay chữ "no" thành chữ "yes" và xoá bỏ maxwidgets='1'


        - Chú ý : Giữa các phần b:sectionclass='header' id='header'showaddelement='Yes' đều được cách nhau bởi một dấu cách. Do vậy nếu bạn viết liên tục mà bỏ qua dấu cách thủ thuật sẽ không thể hoạt động.
    
    6_ Bấm Lưu mẫu và trở vào Bố cục (Layout) bạn sẽ thấy xuất hiện thêm 2 khung "Thêm tiện ích" nằm phía trên và dưới thanh tiêu đềTạo khung "Thêm tiện ích" (Thêm Widget) cho phần Header (đầu Blogspot) - by: http://namkna.blogspot.com/Tạo khung "Thêm tiện ích" (Thêm Widget) cho phần Header (đầu Blogspot) - by: http://namkna.blogspot.com/

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




To Top Page Up Page Down To Bottom Auto Scroll Stop Scroll
Comments jQuery Recent Posts Ticker Widget