Thứ Năm, 16 tháng 7, 2009

[ 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.

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

Đăng nhận xét