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...
Xem Demo: VIew DemoĐể 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 :
1- Vào Mẫu
2- Chọn chỉnh sửa HTML
3- Tìm đoạn code sau :
#header h1 {
...
...
...
}
#header .description {
...
...
...
}
+ thêm đoạn code in đậm display:none; vào để ẩn nó đi :
#header h1 {
...
...
...
display:none;
}
#header .description {
...
...
...
display:none;
}
4- 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:1- vào Mẫu
2- Chọn chỉnh sửa HTML
3- 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.
4- Lưu template.
Và ta sẽ thấy kết quả như bên dưới. Ta chỉ quan tâm tới ô phía trên header thôi nha.:3. Chèn Flash vào header:
1- Trước tiên bạn phải có 1 file Flash.2- Vào Bố cục (layout) =>Tạo 1 widget HTML/javascript ở header (phần trong ảnh)
3- Dán đoạn code bên dưới vào :
<embed bgcolor="#FFFFFF" height="140" width="700" pluginspage="http://www.macromedia.com/go/getflashplayer" src="Link flash" type="application/x-shockwave-flash" >
</embed>
Nếu code trên không hoạt ddooongj bạn có thể dùng code thay thế bên dưới:
<embed wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" src="Linh flash?attredirects=0" width="240" height="280" type="application/x-shockwave-flash" scale="" play="true" loop="true" menu="true"></embed>Trong đó:
- Thay Link flash thành link file Flash của bạn.
- height="140" là chiều cao của file flash làm header
- width="700" là bề rộng của file flash làm header
Một số flash đẹp?
Các bạn có thể xem tại đây: Một số Flash đẹp về biển và Flash phong cảnhChúc thành công!
Nhận xét
mình đã làm theo đúng hướng dẫn trên mà sao không dược nhỉ? Mình dùng dropbox để lưu file flash. Bạn ghé qua xem giúp mình nhé.
Trả lờiXóaTrang test của mình đây: http://tddxtest.blogspot.com
Bạn lưu ý với các tài khoản Dropbox lập sau ngày 1/8/2012 không thể cho link trực tiếp (Direck link) nha. Bạn thử dán link flassh vào thanh địa chỉ và enter xem có chạy không. Nếu không bạn phải sử dụng host khác như google site để lưu trữ file flassh.
XóaXem: Cách dùng Google Site dể chứa file CSS
Ví dụ cho bạn một file flassh hoạt động bình thường trên dropbox. bạn hãy thử dùng file này xem có hoạt động không:
Xóahttp://dl.dropbox.com/u/66256041/flash/namkna-blogspot-com/ngoisao-namkna.swf
Code: <embed bgcolor="#FFFFFF" height="150" width="800" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://dl.dropbox.com/u/66256041/flash/namkna-blogspot-com/ngoisao-namkna.swf" type="application/x-shockwave-flash" >
</embed>
bạn ơi bạn qua http://68nhadat.com của mình coi quá với, Sao dùng trình duyệt google chrome thì oke, mà chạy bằng Firefox, .. lại không được ?
Trả lờiXóaXóa cho anh cái này nha, bgcolor="#FFFFFF"
XóaNếu không được thì sửa link file đó thành:
Xóahttps://9265c5be-a-62cb3a1a-s-sites.googlegroups.com/site/68nhadatcom/baner%201.swf?attachauth=ANoY7coVEHQTNia-rqcZYZhGSVqSuneJIFyKC9s4Jl2M7E1LTDYh4g5Jee2Y0kebDTstnhMySe1j2Jg3Zx-yzPuhWBvHJw1U0De-2Fz-RB7dp9Nr-_8q9m9kZvMb-xFhou9C4npbDe7dS5HJy4JrvayB55Ha4_sUFvRXRFqdz0jqZ3O2qFi-rlaT2jBeMqoJLxHmGjx4LBbKycoCMp_lxhOV2WAKUU6uxw%3D%3D&attredirects=1
Nhờ bạn hỗ trợ giùm, mình cũng bị lỗi giống bạn Duy Quang, web của mình chạy trên firefox thì OK, nhưng trên Chrome thì các flash lại không hiện thị. web của mình là: www.hocbanglaixehoi.com.
Trả lờiXóaCảm ơn bạn nhiều
Đấy là do link flash của bạn chưa chạy được trên Chrome bạn copy link của file flash dán vào trình duyệt mà nó không chạy được và enter bạn sẽ được link flash chạy được trên trình duyệt đó. Lỗi này chỉ gặp với google site thôi nha bạn,
XóaThank bạn mình đã đổi được link flash của mình, giờ nó chạy ok rồi
XóaKhông có gì rất vui vì bạn đã làm thành công. :))
XóaAnh ơi cho em hoi thăm khi chen banner dươc rồi nhưng muosn nó bun hêt khung banner thi lam sao nhờ anh chỉ giúp thanks
Trả lờiXóaEm có nhiều blog quá cho anh link blog đó để anh kiểm tra cho nha. :)
XóaHi, Nam
Trả lờiXóaMình lấy link flash bằng site google, nhưng khi chèn vào thì nó không hiển thị được.
https://f5975727-a-62cb3a1a-s-sites.googlegroups.com/site/daotaobanglaixehangb2/file header.swf
Nhờ bạn hỗ trợ giùm
Chào bạn, khi chèn vào blog bạn phải dùng cả đoạn link dài loằng ngoằng mà google site cung cấp cho bạn. Bạn chèn với đoạn code bên dưới xem nó sẽ hiển thị ngay nha:
Xóa<embed wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" src="https://f5975727-a-62cb3a1a-s-sites.googlegroups.com/site/daotaobanglaixehangb2/file%20header.swf?attachauth=ANoY7criy9mWz7r5XA2EUVkWspnujf90aZRuqv4oK6f2HJWaZBFZMHdjZdmfYvl1pmsg8z4RRBHFYGqggzV7N-jOIpAgI98UctB_H5OqcVXt-e-WFxkyWlzQFvesCq71nASog0f7Guq4MDUiKdw_YXJCXM2neGbsUfolbxU__gyVWV8YE6cMtX1s8J_Y1b21aBgSPhTZ_Gv6gEnKICY8TaANm6vAi1IcI0mIi6UGsFDc2r0CqtENcg8%3D&attredirects=0?attredirects=0" width="640" height="280"
type="application/x-shockwave-flash" scale="" play="true" loop="true"
menu="true"></embed>
Mình đã chèn giống hệt như Nam nói, nhưng vẫn không được Nam à, không hiểu vì sao? link flash của mình thì chạy bình thường, nhưng chèn code vào thì nó lại không hoạt động
XóaChèn cả link dài loằng ngoàng thì không chạy, ví dụ link của mình đến đuôi .swf thì chạy. Nhung khi vào Wed nó không tự chạy mà phải bấm nó mới chạy là vì sao mọi người
Xóacó pro nào biết cách crossdomain vào blog để chạy flash cho mình hướng dẫn
Trả lờiXóaTrước giờ mình chèn code fash cho banner bloger chạy ngon lành, bây giờ nó trở chứng không chạy nữa, Admin hoặc bạn nào có code đang chạy tốt xin chia sẻ mình chạy thử, sau đó thay link fask khác vào thôi. Xin cảm ơn.
Trả lờiXóaCám ơn chia sẻ nhiệt tình của bạn. Bạn cho mình hỏi là sao Flash của mình nó không tự động chạy nhỉ. Bạn ghé qua xem giúp : http://congdongkhoinghiepvn.blogspot.com/
Trả lờiXóa