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



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

About Author

Tuấn Anh

Là một người đam mê lập trình, hiện tập trung mảng phát triển ứng dụng web dựa trên nền tảng của WordPress. Đồng thời, nhằm đạt sự trọn vẹn trong công việc freelance, tôi đang học đồ hoạ, để có thể tự mình thiết kế layout, logo và những thứ khác liên quan đến đồ họa. Mục tiêu vài năm tới: Tôi sẽ là Full Web Developer = Graphics Design + Coding. Vietcoding Blog viết về WordPress, chia sẻ kinh nghiệm, mẹo vặt, viết plugin, làm theme và ôm ấp ý tưởng viết một Web Application Framework dựa trên WordPress. Đồ hoạ là chuyên mục đang được chuẩn bị trong tương lai.



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

  1. human says:

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

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

  3. CAA says:

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

  4. CAA says:

    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!

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

      1. CAA says:

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

  5. human says:

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

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

  6. Mr.Lu says:

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

    1. Bác thích là Việt Coding vui rồi ! 🙂

  7. chiptran says:

    Thanks một cái nhá 🙂


Got Something To Say:

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

GENESIS FRAMEWORK