Monday, December 6, 2010

Hiệu ứng tuyết rơi cho Blogger, WordPress

Đăng ký dịch vụ lưu trữ đám mây: Dropbox, Mediafire, OneDrive. Sau khi đăng ký xong, cài đặt phần mềm cho Windows hoặc ứng dụng điện thoại - máy tính bảng để đồng bộ dữ liệu.

Khi những chiếc lá vàng cuối thu lìa cành cũng là lúc mùa đông đang về. Dù đang lang thang ngoài phố hay trên mạng, bạn vẫn cảm nhận được khí trời thay đổi. Lát đát một vài website khoát lên mình bộ áo mới dành riêng cho mùa đông. Những ai chưa kịp sắm sửa thì bằng cách này hay cách khác vẫn có mùa đông riêng mình trên ngôi nhà ảo.



Một trong những cách tạo nên không khí mùa đông trên blog chính là thêm hiệu ứng tuyết rơi. Còn nhớ cách đây khá lâu Thủ Thuật Blog có hướng dẫn bạn cách chèn hiệu ứng này. Tuy nhiên hôm nay chúng ta sử dụng đoạn JavaScript mà WordPress.com vừa thông báo gửi đến người dùng của mình, hiệu ứng này được sử dụng cho đến ngày 04/01. Đọc hướng dẫn sau đây để biết các bước thực hiện.

Đối với WordPress.com, đăng nhập tài khoản tại yourblog.wordpress.com/wp-admin hoặc wordpress.com
  • Chọn Giao diện
  • Nhấn Extras
  • Và đánh dấu chọn dòng Show falling snow on my blog (Only until January 4th) trước khi nhấn Update Extras


Đối với WordPress sử dụng trên host và tên miền riêng (self-hosted WordPress) có ba cách sau để chèn đoạn JavaScript hiệu ứng:
  • Cách 1. Đăng nhập tài khoản quản lý tại địa chỉ www.yourdomain.com/wp-admin, nhấp thực đơn xổ xuống Appearance (Giao diện) -> Editor, chọn file header.php ngay bên phải và dán đoạn code dưới đây ngay trên thẻ </head> trước khi nhấn Update File (ngay bên dưới). Lưu ý file header.php phải ở chế độ cho phép cập nhật. Nếu tệp tin này không ở trạng thái cho phép cập nhật thì xem cách 2.

<script src='http://s1.wp.com/wp-content/plugins/snow/snowstorm.js?m=1291226695g&ver=1291226695' type='text/javascript'/>

  • Cách 2. Đăng nhập vào host thông qua tài khoản quản lý hosting hoặc bằng FTP vào thư mục gốc chứa Theme đang dùng mở file header.php và chèn ngay phía trên thẻ </head>

Trong khi sử dụng Blogger (BlogSpot) hãy dán đoạn code trong cách 1 trên trước thẻ </head>. Việc này được thực hiện bằng cách đăng nhập blog, chọn Bố cục (Layout) -> Chỉnh sửa HTML (Edit HTML), tìm và dán ngay phía trên thẻ </head> trước khi nhấn lưu template. Nếu bạn gặp lỗi hãy thay & trong địa chỉ đoạn JavaScript (ngay sau 1291226695g) bằng & a m p ; (viết liền, không có khoảng trắng).

Để không bị giới hạn về thời gian, hãy tải đoạn JavaScript trên về host riêng của mình (nếu có, có thể sử dụng host miễn phí 110mb.com) và tha hồ cho tuyết rơi hết mùa đông!

Bạn có thể thấy kết quả ngay trên blog này vào thời điểm bài viết này được đăng.

Tham gia Cộng đồng sử dụng Blogger Việt Nam trên Facebook, giải đáp thắc mắc, mẹo vặt, chia sẻ kinh nghiệm sử dụng Blogger (BlogSpot)...

28 comments:

  1. 1 mùa đông nữa lại đến, chào mừng Thủ thuật blog trở lại :D

    ReplyDelete
  2. Chào mừng bác đã trở lại nhé, đúng là hơi lâu thật :-)

    ReplyDelete
  3. @tinrock, gặp em mấy mùa đông rồi nhỉ?

    @Tỉnh, cũng chưa thật sự trở lại, còn ngủ đông nữa mà!

    ReplyDelete
  4. mình đã cài thành công. Cảm ơn thuthuatblog nhé.

    ReplyDelete
  5. mừng anh blogging trở lại ^^

    ReplyDelete
  6. khách mới của thuthuatblog đây. Có cách nào cho tuyết chỉ rơi trên tiêu đề blog ko nhỉ?

    ReplyDelete
  7. hihi. Thủ thuật này dùng mã Java là xong. K cần thêm hình ảnh nào hết.

    http://bigdargon.blogspot.com
    http://big.321.cn

    ReplyDelete
  8. oài sao em làm mà nó toàn báo lỗi code

    ReplyDelete
  9. lai sắp noel rùi. mau thật chưa làm dc gì mà một năm nữa rùi ta.

    ReplyDelete
  10. Thanks anh vì đã share thủ thuật anh có thủ thuật hiện avarta trong commment và thủ thuật đánh số tự comment ko share cho em đi thanks :D

    ReplyDelete
  11. cảm ơn về thủ thuật mà bạn đã chia sẻ

    ReplyDelete
  12. Tạo tuyết rơi cho blogger -->
    http://www.thietkeweb7ngay.tk/2010/12/snow-hieu-ung-tuyet-roi-bang-javascript.html

    ReplyDelete
  13. thanks anh Nhân. Tuyết rơi rất đẹp :D :D

    ReplyDelete
  14. Mừng anh Nhân trở lại :)

    ReplyDelete
  15. Em sẽ áp dụng cho blog của em !

    ReplyDelete
  16. a ơi e đọc k hỉu...mò qài k đc...làm sao bây h :(( :((

    ReplyDelete
  17. Mùa hè sắp đến, làm hiệu ứng ánh nắng chiếu vào web cũng đẹp nhỉ

    ReplyDelete
  18. http://nhac12h.com <--- nghe nhac xem clip

    ReplyDelete
  19. Hiệu ứng này thường dùng làm blog giải trí, chia sẻ thôi. Blog thương mại không nên làm.

    ReplyDelete
  20. sao không được thế nhỉ? toàn báo lỗi

    ReplyDelete
  21. blogger toan bi lỗi àh heep với các anh chị em ơi

    ReplyDelete
  22. Em làm 1 trang để phục vụ công việc kinh daonh thẻ điện thoại bằng sim đa năng, công việc đang tiến triển tốt thì Bị lỗi các bác ah, chèn code này vào giờ bị thế này ( http://simthe246.tk ), Xóa rồi vẫn thấy tuyết và vẫn bị lỗi, chẳng hieur nữa, các bác giúp em với. thanks các bác nhiều
    email của em:ngaydosekhongxa@gmail.com
    SDT 0993.988.246-01689971601

    ReplyDelete
  23. tuyết rơi lại nhớ đến một mùa noel bùn

    ReplyDelete
  24. ai code mà pháo hoa nỗ trong khi chờ chạy tới 1 trang nào đó trong blog á bên cãnh đó có cái code dowloading... chạy từ 1% đến 100% khi khi vào blog của minh á

    ReplyDelete
  25. cái này hay này. mình tính add vào blog của mình: http://a-home-design.blogspot.com/
    đang vướng cái dns domain mãi chưa xong.

    ReplyDelete
  26. Mình đã làm thử theo hướng dẫn của bạn và đà thành công. Cảm ơn bạn rất nhiều. Bạn có thể hướng dẫn cho mình cách làm cho tuyết nhiều hơn không. Cảm ơn bạn.

    ReplyDelete
  27. em không thấy báo lỗi gi.nhưng tại sao không thấy hiệu ứng gì ak?

    ReplyDelete

Cám ơn đã đọc bài viết. Bạn có thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới. Hãy viết bằng tiếng Việt có dấu để mọi người dễ đọc hơn. Xin đừng spam!

Do gần đây nhận rất nhiều spam bán thuốc từ nước ngoài, tạm thời để bình luận bạn bắt buộc phải có tài khoản OpenID hoặc Google. Chức năng này sẽ được khôi phục khi trình trạng spam được cải thiện. Xin lỗi về sự bất tiện này.