Thêm hiệu ứng tuyết rơi cho webblog nhân dịp Giáng Sinh

Published by Việt Coding on

Trong không khí sôi động của ngày Black Friday, mọi người đang nô nức đua nhau sắm sửa thì Việt Coding vô tình nhớ ra Giáng Sinh đã sắp tới. Giáng Sinh năm nay, gia đình Việt Coding có thêm một thành viên mới với những niềm vui và hạnh phúc mới. Bên cạnh đó, Việt Coding chợt nảy ra ý định trang hoàng lại blog cho có tí không khí Giáng Sinh. Việt Nam chúng ta không có tuyết nhưng chúng ta có thể thêm hiệu ứng tuyết rơi vào website hoặc blog của mình cho … lạnh lẽo chút. Với những blog mà server đặt ở nước ngoài thì chắc không cần nhỉ 🙂

Cô gái trong tuyết

Ban đầu Việt Coding định viết thành một plugin đơn giản cho WordPress nhưng một phần công việc cũng hơi nhiều nên chuyển luôn thành một bài viết ngắn gọn. Qua đó có thể áp dụng cho tất cả website/blog không phân biệt nền tảng nào cả.

Đầu tiên, chúng ta download tập tin nén này về giải nén ra. Tiếp đó upload lên thư mục gốc (root) của hosting. Ví dụ đối với Việt Coding là https://vietcoding.com/snow

Sau đó, chúng ta vào tiếp phần Admin \ Editor \ Main Index Template (index.php) nếu bạn dùng WordPress. Nếu không sử dụng WordPress, bạn phải tìm đến tập tin chính, thường là index.html, index.php, default.asp, default.aspx, … hoặc các tập tin header, footer.

[html]


[/html]

Save lại thay đổi trên và ra trang chủ xem kết quả 🙂 Sẽ đẹp và rõ hơn nếu website hoặc blog của bạn có nền màu tối như đen hoặc xám,…

Chú ý là nếu upload thư mục snow lên thư mục khác thư mục gốc thì chúng ta cần phải sửa lại đoạn trên tương ứng nhé.

Thật đơn giản phải không các bạn ? Chúc các bạn thành công nhé

Các bạn có thể xem demo tại Việt Coding hoặc Anh Dung

Quảng cáo tài trợ


Việt Coding

Là một người đam mê lập trình, tôi vọc vạch đủ thứ liên quan đến lập trình cho thoả chí tò mò. Hiện làm chủ yếu ở mảng phát triển ứng dụng di động cho iOS và Android với React Native. Thỉnh thoảng vọc vạch mấy thứ liên quan đến Internet of Things như Smart Home. Đang nghịch mấy con Raspberry Pi và thấy nó cũng thú vị :)

12 Comments

human · 28/11/2010 at 21:05

có thấy cái demo nào đâu bác

Hùng Hồng · 30/11/2010 at 18:01

Bác làm cái này đúng dịp quá.

CAA · 09/12/2010 at 17:02

Lâu rồi ko ghé qua Vietcoding chơi. Cái này hay quá, em cũng phải trang trí cho khí thế mùa giáng sinh.
Thanks bác Vietcoding đã chia sẻ.

CAA · 11/12/2010 at 08:37

Bác Việt Coding ơi! Bác giúp em làm cho phần tuyết rơi hiển thị trên tất cả các trang không? Cách này em chỉ thấy hiển thị ở mỗi trang chủ, em muốn trang nào cũng có tuyết rơi thì làm thế nào?
Mong bác giúp đỡ. Thanks!

    Việt Coding · 13/12/2010 at 07:45

    Nếu vậy bác chèn đoạn code trên vào Header hoặc Footer nhé 🙂

      CAA · 13/12/2010 at 13:31

      Em làm được rồi. Thanks bác VietCoding đã chia sẻ 🙂

human · 11/12/2010 at 14:53

em vừa áp dụng thử . tuyệt lắm anh . thanks!

    Việt Coding · 13/12/2010 at 07:45

    Hi hi Việt Coding cảm thấy rất vui vì nó có ích cho các bạn 🙂

Mr.Lu · 15/12/2010 at 12:43

Code này tuyệt lắm bác, không dùng nhưng em vẫn rất cảm ơn bác đã chia sẻ.

chiptran · 20/12/2010 at 20:17

Thanks một cái nhá 🙂

Leave a Reply to Việt Coding Cancel reply

Avatar placeholder

Your email address will not be published. Required fields are marked *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax