META name="y_key" content="24902eb207816366"> tuduytuonglai: Thủ thuật yêu cầu : Hướng dẫn tổng quát việc chèn Flash vào header

24 tháng 7, 2010

Thủ thuật yêu cầu : Hướng dẫn tổng quát việc chèn Flash vào header

Theo yêu cầu của bạn Tiến (lecongtienlkvn.blogspot.com)
[FD's BlOg] - Bài viết này mình sẽ hướng dẫn chi tiết cho các bạn (nhất là những bạn mới làm quen với blog) cách chèn Flash vào header. Bài viết sẽ tổng hợp từ nhiều thủ thuật khác nhau như : ẩn title & description của header, tạo phần "Thêm tiện ích" cho header, chèn flash vào blog...


Để thực hiện bài này, các bạn sẽ thực hiện 3 bước sau :
1. Ẩn title và description của header :
- Thông thường khi chưa chỉnh sửa nhiều phần Header của 1 blog mới sẽ có dạng như bên dưới :

- Để chèn flash vào ta phải xóa hoặc ẩn phần header cũ này đi. Tốt nhất ta sẽ ẩn nó đi, để ẩn nó, các bạn vào thực hiện các bước sau :

+ Vào bố cục
+ vào chỉnh sửa code HTML
+ tìm đoạn code sau :

#header h1 {
...
...
...
}

#header .description {
...
...
...
}

+ thêm đoạn code in đậm vào để ẩn nó đi :

#header h1 {
...
...
...
display:none;
}

#header .description {
...
...
...
display:none;
}

+ save template.

- Mở blog lên ta sẽ thấy phần header đã biến mất, như bên dưới:


2. Tạo phần "Thêm tiện ích" cho header :
- để thêm flash vào cho phần header, ta phải tạo 1 widget HTML/Javscript và dán code của flash vào, tuy nhiên, mặc định thông thường Blogger ko cho phép ta thêm widget vào Header, vì vậy muốn thêm widget vào header ta phải chỉnh sửa đôi chút.

Hình ảnh minh họa khi chưa có phần "Thêm tiện ích"

- Để thêm phần "Thêm tiện ích" cho header, các bạn thực hiện các bước sau:
+ vào bố cục
+ vào chỉnh sửa code HTML
+ tìm đoạn code như bên dưới:

<b:section class='header' id='header' showaddelement='no'>

+ sửa nó lại như bên dưới:

<b:section class='header' id='header' showaddelement='yes'>

+ Lưu ý : nếu trong đoạn code trên mà có thêm dòng maxwidgets='1' như bên dưới:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

thì các bạn hãy xóa nó đi. Đoạn code đó chỉ là giới hạn số lượng widget được phép hiển thị ở Header.
+ save template.

Và ta sẽ thấy kết quả như bên dưới:


Như vậy đã xong bước 2, bây giờ ta có thể chèn 1 widget vào header rồi.

3. Chèn Flash vào header:
- Trước tiên bạn phải có 1 file Flash.
- Tạo 1 widget HTML/javascript ở header
- dán đoạn code này vào :

<embed bgcolor="#FFFFFF" height="140" width="700" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://URLsite.com/yourfile.swf" type="application/x-shockwave-flash" >
</embed>

- Thay code màu xanh thành link file Flash của bạn.
- Ngoài ra bạn có thể tham khảo thêm ở bài viết này cho bước 3.

Chúc các bạn thành công.

0 nhận xét:

Đăng nhận xét


♦ Mời bạn gửi Nhận xét của mình. Nếu không có tài khoản Blogger-Google, LiveJournal, WordPress, TypePad, AIM, OpenID, bạn vẫn có thể nhận xét bằng cách chọnComment asTên/URL hay Ẩn danh. Tuy nhiên bạn nên chọn Tên/URL với URL có thể để trống. Bạn vui lòng gõ tiếng Việt có dấu.

♦ Bấm vào Xem trước [Preview] bên dưới khung nhận xét nếu muốn xem trước comment đã viết, trước khi post [đăng]. Tương tự, bấm vào Đăng ký qua email [Subscribe by email] để đăng ký theo dõi nhận xét của bài này.

♦ Các bạn tự chịu trách nhiệm với Nhận xét của mình. Nhận xét để phản hồi, đánh giá, góp ý.... suy nghĩ của bạn. Thông qua Nhận xét hãy để cho mọi người biết Bạn là ai.
Xem ký tự của emoticons khỉ Yoyo tại đây.

^ Scroll to Top