Chèn Widget (Thêm tiện ích) vào bất kỳ vị trí nào trên phần tử trang blog

Chèn "Thêm tiện ích" vào header

Nhiều Template không cho phép bạn chèn thêm widget vào header hoặc có thì bạn chỉ được chèn 1 widget. Nếu bạn muốn nhiều hơn thì sao? Điều này thực hiện rất đơn giản theo hướng dẫn dưới đây.

Trước hết bạn cần phải phân biệt các thành phần chính trên layout của bạn. Phụ thuộc vào Template mà bạn chọn, các thành phần trên layout có khác nhau, cơ bản gồm: header-wrapper, content-wrapper, main-wrapper, sidebar-wrapper, footer-wrapper. Hãy xem hình minh họa để biết chi tiết:


 Bạn cần đăng nhập vào Blogger.com, click Edit HTML (Template | Edit HTML) kéo thanh trượt xuống và tìm đoạn mã như sau:

<div id='header-wrapper'>
     <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='DV2n (Header)' type='Header'/>
</b:section>
  
Nếu blog bạn có header hai bên - phải và trái thì tìm dòng dưới đây:
<div class='headerright'>
<div class='headerleft'>
 
Bạn thấy đấy, số widget tối đa cho phép nằm trên header là 1 (maxwidgets='1') hãy thay bằng con số khác. Click SAVE TEMPLATE để lưu lại, quay lại Page Element, bạn có thể kéo và thả widget mình cần vào header.

Chèn thêm khung "Thêm tiện ích" cho phần Header và Main

 Thông thường mặc định mỗi theme của blogspot (trong phần bố cục) là chỉ cho phép "Thêm tiện ích" ở Sidebar (2 bên blog) và ở phần footer (phía dưới blog), vì thế mà mỗi khi ta muốn chèn thêm các Tiện ích(widget) cho phần Main hoặc Header thì ta phải tạo các Tiện ích (widget) ở Sidebar hoặc ở footer rồi di chuyển tới chỗ cần hiển thị. Như vậy rất rườm rà.

Bài viết hôm nay hình giới thiệu 1 mẹo nhỏ để chèn khung "Thêm tiện ích" vào 2 phần HeaderMain, giúp cho chúng ta có thể add thêm các Widget trực tiếp lên 2 phần này.

Rất đơn giản, bạn thực hiện các bước sau:
1. Đăng nhập blog
2. Vào phần Chỉnh sửa Code HTML. (không cần nhấp vào mở rộng tiện ích)
3. Để chèn khung "Thêm tiện ích" vào phần Header, ta làm như sau:

- Tìm đoạn code sau:
<b:section class='header' id='header' maxwidgets='2' showaddelement='no'>

(hoặc tìm code tương tự, nhưng phải là Header)

sau đó thay no bằng yes là OK.

4. Để chèn khung "Thêm tiện ích" vào phần Main, ta làm như sau:

Tìm đọan code sau:
<b:section class='main' id='main' showaddelement='no'>

(hoặc tìm code tương tự, nhưng phải có id là Main hoặc tương tự)

sau đó thay no bằng yes là OK.

5. Save template.
6. Xong

Có thể xem hình minh họa như bên dưới.

Trước khi chỉnh sửa
Sau khi đã chỉnh sửa

* P.S: Đây là thủ thuật dành cho các gà (những bạn mới tạo blog và không thích màu mè và không có thời gian). Nó rất cần để khắc phục hạn chế của Blogger về bố cục. Bạn có thể chèn văn bản, hình, ảnh động...v.v...vào bất kỳ chỗ nào trên blog của mình. Và xoá nó cũng dễ dàng, chỉ bằng cú nhấp chuột - huỷ bỏ.
 

Tóm lại:  thủ thuật trên đơn giản thế này:

Từ Thiết kế -> Chỉnh sửa HTML -> Nhấp Phím Ctrol + F -> Dán từ này: showaddelement và ô tìm kiếm ->  thay = no bằng yes. Lần lượt như vậy cho tất cả chỗ nào có chữ showaddelement. Kết thúc -> Lưu 
Bạn vào lại Phần tử trang, sẽ thấy trên bố cục blog xuất hiện rất nhiều "Thêm tiện ích" ở các vị trí khác nhau. Muốn gì, bạn cứ việc nhấp vào chỗ đó mà chèn. Bạn không phải phân vân vì nó không ảnh hưởng gì đến giao diện blog.

Chúc thành công!

 
Nếu bạn tạo được, hãy để lại comment nhé!

2 nhận xét :

Ghi chú cho mẫu nhận xét:
- [img] ..link..[/img].
- [youtube] ...link...[/youtube].
- [nct]...link...[/nct].

:) :( :)) :(( =))

Recent Posts