Tích hợp, nhúng game HTML5 & CSS3 Flappy Bird vào WordPress và Blogspot

Flappy Bird (tạm dịch là “chú chim vỗ cánh”) là một trò chơi điện tử trên điện thoại do Nguyễn Hà Đông, một lập trình viên ở Hà Nội, Việt Nam phát triển, và do dotGEARS, một studio phát triển game quy mô nhỏ, hoạt động độc lập có trụ sở tại Việt Nam phát hành vào năm 2013. Trò chơi được trình bày theo phong cách side-scroller (phong cách game với các đối tượng được nhìn thấy ở mặt bên (side-view) và di chuyển từ cạnh trái sang cạnh phải của màn hình), trong đó người chơi điều khiển một chú chim, cố gắng vượt qua các hàng ống màu xanh lá cây mà không chạm vào chúng. Nguyễn Hà Đông tạo ra Flappy Bird trong vòng một vài ngày, sử dụng một nhân vật chú chim mà anh đã thiết kế cho một dự án trò chơi bị hủy bỏ vào năm 2012.

Ban đầu, Flappy Bird được phát hành vào tháng 5 năm 2013 trên nền iOS 5, sau đó nâng cấp cho hệ máy iOS6 và mới hơn vào tháng 9 năm 2013. Vào tháng 1 năm 2014, trò chơi bất ngờ trở nên nổi tiếng, đứng đầu bảng thể loạt miễn phí trên iTunes App Store của Mỹ và Trung Quốc và sau đó là trên UK App Store khi nó được mệnh danh là “trò Angry Birds mới”. Vào cuối tháng 1, Flappy Bird là ứng dụng được tải về nhiều nhất trên App Store cũng như trên Google Play. Sơ qua thông tin về game Flappy Bird vậy là đủ rồi, bây giờ Tâm bắt đầu vào bài hướng dẫn luôn nhé!

Hướng dẫn cách tích hợp / nhúng game HTML5 & CSS3 Flappy Bird vào WordPress, Blogspot

Bước 1: Sao chép đoạn mã sau

//- – Flappy Bird – -//
<iframe width="100%" height="450" src="http://bit.ly/flappybird-th" name="Flappy Bird" frameborder="0" scrolling="no">Trình duyệt của bạn chưa được hỗ trợ! Vui lòng dùng Google Chrome.</iframe>
//- – Flappy Bird – -//

Bạn có thể thay đổi giá trị height=”450″ thành height=”(số khác)” để phù hợp với trang web của mình.

Bước 2: Chèn đoạn mã trên trực tiếp vào bài viết hoặc trang, bất kì nơi nào bạn muốn nhúng game Flappy Bird vào.

Chỉ cần hai bước trên thôi là bạn đã có thể chèn game vào website của mình rồi. Rất tiện đúng không nào?

Sau khi bạn chèn game vào website thì game sẽ hiển thị như sau (Demo)

Vậy là trong bài viết này Tâm đã hướng dẫn các bạn tích hợp, nhúng game HTML5 & CSS3 Flappy Bird vào WordPress và Blogspot trong hai bước cực kì đơn giản. Nếu bạn có bất kì thắc mắc nào có thể để lại bình luận dưới bài viết này để Tâm giải đáp nha! Chúc các bạn thành công!

Hãy chia sẻ để bạn bè cùng xem nha!!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *