Car Reviews

Auto Show

Sự kiệnThông tinChi tiết
Vietnam Motor Show 20165/10 đến 9/10 tại I.C.E, 91 Trần Hưng Đạo, Hà Nội Tham gia
Vietnam International Motor Show 201626/10 đến 30/10 tại SECC, 799 Nguyễn Văn Linh, Sài Gòn Tham gia

Saturday, August 27, 2011

Hướng dẫn chèn Flash vào header blogspot

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

Chia sẻ:
Hướng dẫn chèn Flash vào header blogspot
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 :
Hướng dẫn chèn Flash vào header blogspot
- Để 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:
Hướng dẫn chèn Flash vào header blogspot

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 íchHướng dẫn chèn Flash vào header blogspot
- Để 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.:Hướng dẫn chèn Flash vào header blogspot
Hướng dẫn chèn Flash vào header blogspot

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
- Ngoài ra bạn có thể tham khảo thêm ở bài viết này cho bước 3.

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ảnh
Chúc thành công!

19 nhận xét:

  1. 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é.
    Trang test của mình đây: http://tddxtest.blogspot.com

    ReplyDelete
    Replies
    1. 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.

      Xem: Cách dùng Google Site dể chứa file CSS

      Delete
    2. 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:

      http://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>

      Delete
  2. 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 ?

    ReplyDelete
    Replies
    1. Xóa cho anh cái này nha, bgcolor="#FFFFFF"

      Delete
    2. Nếu không được thì sửa link file đó thành:

      https://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

      Delete
  3. 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.

    Cảm ơn bạn nhiều

    ReplyDelete
    Replies
    1. Đấ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,

      Delete
    2. Thank bạn mình đã đổi được link flash của mình, giờ nó chạy ok rồi

      Delete
    3. Không có gì rất vui vì bạn đã làm thành công. :))

      Delete
  4. Anh ơ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

    ReplyDelete
    Replies
    1. Em có nhiều blog quá cho anh link blog đó để anh kiểm tra cho nha. :)

      Delete
  5. Hi, Nam

    Mì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

    ReplyDelete
    Replies
    1. 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:

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

      Delete
    2. 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

      Delete
    3. Chè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

      Delete
  6. có pro nào biết cách crossdomain vào blog để chạy flash cho mình hướng dẫn

    ReplyDelete
  7. Trướ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.

    ReplyDelete
  8. Cá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/

    ReplyDelete