Hướng dẫn làm tuyết rơi cho blog

Cùng tham khảo những hướng dẫn làm tuyết rơi cho blog nhé. Đây là những cách rất dễ mà đưa ra những sản phẩm cực đẹp, cùng bắt tay vào thử nào các bạn

Hướng dẫn làm tuyết rơi cho blog wordpress

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

Cách 3. Cài đặt plugin sau đây http://wordpress.org/extend/plugins/let-it-snow/ vào blog. Với việc cài đặt plugin bạn sẽ không bị giới hạn trước ngày 04/01.

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!

Hướng dẫn làm tuyết rơi cho blog wordpress

Hướng dẫn làm tuyết rơi cho blog yahoo 360 plus

Hiện tại thì code tuyết rơi có rất nhiều và đa dạng. Nhưng các bạn thường xuyên bị lỗi là chèn code tuyết rơi vào thì bị mất theme hoặc một phần của theme. Bài viết này sẽ giới thiệu code hoàn chỉnh không bị những lỗi đó nữa.

Trước hết, olympia xin nói về nguyên tắc code tuyết rơi là chèn link hình có tuyết rơi vào nền blog đè lên theme, không bị theme che mất và cũng không bị mất theme.

Tương ứng với mỗi cách chèn theme sẽ có một cách chèn code tuyết rơi riêng.

Đối với dạng theme 1 mảnh, ta có các cách chèn sau

Cách 1:

body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link tuyết rơi);}/olympia41124*/ html {background:#FFFFFF url(Link hình nền) top center;}/*vietnam360plus.com*/

Cách 2:

body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link hình nền) fixed top center;}/*olympia41124*/ #doc2{background:transparent url(Link tuyết rơi);}/*vietnam360plus.com*/

Cách 3:

body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link hình nền) fixed top center;}/*olympia41124*/ .yui-t1{background:transparent url(Link tuyết rơi);}/*vietnam360plus.com*/

Cách 4:

body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link hình nền) fixed top center;}/*olympia41124*/ #bd,#head{background:transparent url(Link tuyết rơi);}/*vietnam360plus.com*/

Trong các code trên, các bạn thay Link ảnh nền bằng link hình nền của bạn, thay Link tuyết rơi bằng link hình bạn muốn làm tuyết rơi. Link hình các bạn có thể tham khảo một số mẫu mà olympia giới thiệu ở cuối bài viết. Sau đây là code chèn tuyết rơi cho theme 2 mảnh, rắc rối hơn một chút

Cách 1:

body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link hình bot) bottom no-repeat;}/*olympia41124*/ html {background: #FFFFFF url(Link hình top) no-repeat top;}/*vietnam360plus.com*/ #doc2{background:transparent url(Link tuyết rơi);}/*olympia41124*/

Cách 2:

body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link hình bot) bottom no-repeat;}/*olympia41124*/ html {background: #FFFFFF url(Link hình top) no-repeat top;}/*vietnam360plus.com*/ .yui-t1{background:transparent url(Link tuyết rơi);}/*olympia41124*/

Cách 3:

body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link hình bot) bottom no-repeat;}/*olympia41124*/ html {background: #FFFFFF url(Link hình top) no-repeat top;}/*vietnam360plus.com*/ #head,#bd{background:transparent url(Link tuyết rơi);}/*olympia41124*/

Trong các code trên thay link hình top, bot và tuyết rơi tương ứng. Riêng đối với dạng theme 3 mảnh thì tuyết rơi không hoàn hảo, bị che mất một phần body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link top) no-repeat top center;height:Apx;}/*olympia41124*/ html{background:#FFFFFF url(Link center) center center;}/*vietnam360plus.com*/ #ft{background:transparent url(Link bot) no-repeat bottom center;height:Bpx}/*olympia41124*/ #doc2{background:transparent url(Link tuyết rơi);}/*vietnam360plus.com*/

Cuối cùng bonus cho các bạn code chèn 3 loại tuyết rơi vào blog cho dạng theme 1 mảnh, coi chừng chóng mặt nhé

html {background:#FFFFFF url(Link hình nền) top center;}/*olympia41124*/ body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:transparent url(Link tuyết rơi 1);}/*vietnam360plus.com*/ #doc2{background:transparent url(Link tuyết rơi 2);}/*olympia41124*/ #head,#bd{background:transparent url(Link tuyết rơi 3);}/*vietnam360plus.com*/

Tạo tuyết rơi cho blog.

Xem demo thực hiện trên blog của tôi:

Hướng dẫn:
Vào Bố Cục > Thêm Tiện ích > HTML/JavaScript và dán đoạn code dưới đây vào .

<style type="text/css">body {background:   url('http://www.boomspeed.com/sfhelpers/backgrounds/80.gif')   fixed}</style><b   style=position:absolute;left:10;top:2;ptsize:3pt;> </b>

Hướng dẫn làm món tôm rang muối
Hướng dẫn làm ruốc tôm ăn cực đưa cơm
Hướng dẫn làm chạo tôm cực ngon
Hướng dẫn làm chả tôm đủ món
Hướng dẫn làm tôm chiên giòn tan

(St)