TẠO ẢNH ĐỘNG .GIF TRỰC TUYẾN

Người đăng: buonkhongem on Thứ Sáu, 29 tháng 4, 2011

Để tạo được những bức ảnh động .Gif mà không cần dùng phần mềm hỗ trợ thì đầu tiên bạn click chuột VÀO ĐÂY.
Trang Web sẽ mở ra một trang tạo ảnh động trực tuyến, nếu bạn chỉ có một hình thì bạn click vào một trong các mẫu có sẳn 


Bây giờ công việc bạn cần làm chọn ảnh từ máy tính lên để tạo ảnh động, kế tiếp thay đổi kích thước cho ảnh (nếu muốn còn không thì cứ để mặc định)...Sau khi chọn xong bạn nhấn vào thẻ Generate Animation và chờ ít giây để trang Web thực thi. Nếu thành công trang Web sẽ hiển thị ảnh động của bạn và phía dưới có các link để bạn chia sẻ với bạn bè hoặc dán vào Web/Blog.


Bạn cũng có thể tạo ảnh động .Gif bằng 2 hoặc 3 ảnh với cách làm tương tự.


Chúc bạn vui
More about

BIÊN TẬP VIDEO VỚI WONDERSHARE DVD

Người đăng: buonkhongem

Với sự hỗ trợ của chương trình biên tập video WONDERSHARE DVD SLIDESHOW BUIDER DELUXE (dung lượng 41.6MB) tương thích với Windows XP/Vista/7, bạn có thể tự tạo dựng cho mình một bộ phim với chất lượng tuyệt hảo kèm với những hiệu ứng: hiệu ứng kim tuyến, mưa, tuyết, bong bóng..., hiệu ứng chuyển cảnh, thêm clipart vào phim, thêm nhạc cho phim và xuất ra nhiều định dạng phong phú đồng thời có thể chia sẻ phim lên Facebook, Youtube...
Bạn tải chương trình TẠI ĐÂY.
Sau khi tải về, bạn giải nén cài đặt và chạy chương trình.
Giao diện chính gồm 2 phần: Standard mode (thiết kế với hiệu ứng tạo sẳn dành cho người mới bắt đầu) và Advanced mode (tự mình thiết kế với tất cả các hiệu ứng mà chương trình cung cấp).

Trong bài viết này, tôi chỉ hướng dẫn các bạn phần Advanced mode (phần Standard mode bạn chỉ cần add hình của mình mà thôi, còn các việc chọn hiệu ứng là do chương trình chọn sẳn cho bạn).
Khi bạn bấm vào phần Advanced mode chương trình sẽ mở ra cho bạn một giao diện mới gồm 3 phần chính:
* ORGANIZE (Tổ chức, quản lý ảnh): Tại cửa sổ này, bạn có thể chèn Album ảnh hoặc video vào chương trình làm việc bằng cách bấm vào mũi tên nhỏ kế bên hộp màu đen Add files để chọn hình ảnh từ máy tính của mình. 


Bạn có thể chỉnh sửa ảnh của mình bằng cách bấm đúp vào hình muốn sửa (hoặc bấm vào nút edit ở trên). Trong chế độ này, bạn có thể tùy chỉnh màu sắc (Adjust), cắt ảnh (Crop), xoay ảnh, xử lý hiệu ứng mắt đỏ (Repair Red-eye). Nếu muốn thêm chữ bạn chọn thẻ Caption. Hiệu chỉnh xong, bạn nhấn Ok để chuyển sang bước kế tiếp.
* PERSONALIZE (Thêm hiệu ứng vào ảnh): Tại đây, bạn có thể chuyển đổi qua lại giữa 2 chế độ Storyboard và Timeline để hiển thị cách sắp xếp hình ảnh qua nút nhấn Storyboard/Timeline.
Với mục Style, bạn có thể chọn các chủ đề tương ứng, chọn tiếp mẫu và nhấp Apply để áp dụng hoặc chọn Add to Favourite để dùng lại sau.
- Transition và Motion: Là các hiệu ứng chuyển cảnh giữa các hình.


- Clipart: Dùng để thêm ảnh hoạt hình vào slide, bạn kéo ảnh clipart cần dùng vào ngay tại vị trí ảnh và đặt vào dòng biểu tượng hình con bướm (khu vực Timeline)


- Effect: Là nơi để bạn chọn các hiệu ứng cho tấm ảnh, bạn cũng kéo hiệu ứng và thả vào dòng có biểu tượng hình ngôi sao.


- Pre-Audio: Cho phép bạn chọn âm thanh từ thư viện có sẳn của chương trình, hoặc thêm nhạc từ máy tính bằng cách nhấn biểu tượng Music trên thanh Timeline. Ngoài ra, bạn cũng có thể ghi âm giọng nói của mình vào slide thông qua chức năng Voice Over hoặc thêm phụ đề dạng text vào ảnh.


Sau khi hoàn tất việc chèn hiệu ứng, bạn có thể chọn mục Intro/Credit để chọn khung hiển thị phần giới thiệu cho DVD. Nhấn chọn một mẫu nào đó, trong khung tuỳ chỉnh hiện ra, bạn có thể thay đổi nội dung theo ý muốn và kích nút Ok.


Nếu không thích mốc thời gian đặt sẳn (mặc định 10 giây), bạn có thể nhấn phải lên hiệu ứng đó và chọn Set Style duration. Sau khi đã hoàn thành tất cả các bước, bạn tiếp tục chuyển qua thẻ Create để đóng gói và xuất ra DVD hay chia sẻ hình ảnh lên: Facebook, Youtube...
* CREATE: Tạo Slideshow: Tại mục Category bên tay phải, bạn xổ mũi tên xuống sẽ thấy các chủ đề liên quan như: Love and Wedding (tình yêu), Christmas.. nhấn nút Download Free Template để tải các theme này về. Sau khi cài đặt các mẫu xong, bạn nhấn OK. Khi vào lại Slide show cũ, thì các mẫu mới có thể thêm vô một cách dễ dàng. Sau khi chọn mẫu xong, bạn nhấn đúp vào slideshow để hiệu chỉnh thêm các tuỳ chọn mở rộng.
Tại đây, bạn có thể tuỳ chỉnh các mục nhạc nền (Background music), ảnh thu nhỏ (Thumbnail), khung mẫu (Frame style)... Sau khi tạo xong Slideshow, bạn có thể chia sẻ chúng lên Facebook, Youtube... hay ghi ra DVD. 


Nếu chỉ muốn lưu thành file video sử dụng ở máy tính, bạn chọn tuỳ chọn Save to Computer và chọn định dạng file cần lưu lại là xong.

Dưới đây là đoạn phim mẫu, mời các bạn xem (do upload cho bài viết nên tôi chọn đuôi .SWF vì thế nên hình ảnh có thể không rõ nét, mong bạn đọc thông cảm)




More about

THAY ĐỔI HÌNH DÁNG CON TRỎ CHUỘT TRONG BLOGGER

Người đăng: buonkhongem on Thứ Ba, 26 tháng 4, 2011

Nếu nhàm chán với hình con trỏ chuột mặc định, bạn có thể thay đổi hình dáng và màu sắc cho con chuột bằng cách sau:
Đầu tiên, bạn đăng nhập vào Blog, chọn Thiết kế > chọn Chỉnh sửa HTML, sau đó bấm đồng thời cặp phím Ctrl+F để mở hộp tìm kiếm, bạn gõ vào khung chữ </head>. Bây giờ bạn copy code tương ứng với các hình mẫu chuột dán phía trên chữ này </head>.



Đây là các hình con trỏ chuột:
 























Sau khi dán code vào bạn bấm LƯU và đăng nhập vào Blog xem kết quả.
Chúc vui
More about

XEM VIDEO YOUTUBE TRÊN DESKTOP

Người đăng: buonkhongem on Chủ Nhật, 24 tháng 4, 2011

Nếu bạn là một trong những "tín đồ" của Youtube, bạn hãy dùng phần mềm Livetube.fm Player, phần mềm này giúp bạn xem video trên Youtube mà không cần vào Youtube.
Đầu tiên, bạn cần tải và cài đặt Adobe Air dung lượng 12.2MB (tải TẠI ĐÂY), sau khi cài đặt xong Adobe Air, bạn tiếp tục tải phần mềm Livetube.fm dung lượng 2.2MB (miễn phí) tải TẠI ĐÂY.
Khi cài đặt xong, trên màn hình desktop của bạn sẽ có biểu tượng của chương trình, bây giờ nếu muốn xem video trên Youtube, bạn chỉ cần bấm đúp vào biểu tượng này chương trình sẽ mở giao diện chính, được thiết kế đơn giản với hình nền màu đen bắt mắt. Để tìm video Clip, bạn chỉ cần nhập từ khoá vào khung Search và nhấn Enter để thưởng thức.


Khi đang xem muốn xem clip khác, bạn chọn Search last.fm bằng cách nhấp chuột vào ô vuông màu đỏ có chữ CS ở góc phải giao diện (gần cuối) rồi nhập từ khoá cần tìm.
Ngoài ra cũng có các chương trình khác có tính năng tương tự như: DeskTube TV (tải TẠI ĐÂY), MiniTube (tải TẠI ĐÂY).
More about

CÁC HIỆU ỨNG ĐẸP "TRANG HOÀNG" CHO BLOG

Người đăng: buonkhongem on Thứ Bảy, 23 tháng 4, 2011

Để tạo cho Blog một bộ cánh đẹp, bạn cần "trang hoàng" thêm các hiệu ứng cho nó.
Dưới đây là các hiệu ứng đẹp, nếu thích hiệu ứng nào thì bạn chỉ cần đăng nhập vào Blog, chọn Thiết kế > chọn Thêm tiện ích > chọn HTML/Javacript rồi dán code tương ứng của mỗi hiệu ứng mà bạn chọn vào ô lớn và lưu lại là xong.
* Hiệu ứng sao vàng rơi:
<marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:601px;top:7px;width:auto;height:653px;z-index:1;" scrollamount="2"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:720px;top:64px;width:auto;height:232px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:735px;top:50px;width:auto;height:321px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:608px;top:78px;width:auto;height:125px;z-index:1;" scrollamount="6"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:43px;top:62px;width:auto;height:10px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:539px;top:97px;width:auto;height:426px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:791px;top:45px;width:auto;height:178px;z-index:1;" scrollamount="3"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:278px;top:104px;width:auto;height:701px;z-index:1;" scrollamount="3"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:404px;top:69px;width:auto;height:211px;z-index:1;" scrollamount="2"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:331px;top:2px;width:auto;height:293px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:655px;top:89px;width:auto;height:399px;z-index:1;" scrollamount="7"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:813px;top:11px;width:auto;height:429px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:254px;top:109px;width:auto;height:146px;z-index:1;" scrollamount="7"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:616px;top:20px;width:auto;height:534px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:652px;top:42px;width:auto;height:410px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:707px;top:96px;width:auto;height:39px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:200px;top:76px;width:auto;height:137px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:309px;top:13px;width:auto;height:338px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:622px;top:107px;width:auto;height:676px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:149px;top:76px;width:auto;height:199px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:506px;top:77px;width:auto;height:344px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSyBjyaM1tbHcc4AdeJ_KAJsIDsVJ8FLu1rmtp_Y5-gSmdfaFykuhPkM3YWsvcgKLsaV28v7LdRehVZXTKoYhFEpMk6ynWM3FrB9I5c1FPNs3eFhYMTKJMpa4_VRFIF5BAxACYbjneII/"/></span></marquee>

* Hiệu ứng sao rơi xuống với nhiều màu chớp tắt:
<marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:601px;top:7px;width:auto;height:653px;z-index:1;" scrollamount="2"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:720px;top:64px;width:auto;height:232px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:735px;top:50px;width:auto;height:321px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:608px;top:78px;width:auto;height:125px;z-index:1;" scrollamount="6"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:43px;top:62px;width:auto;height:10px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:539px;top:97px;width:auto;height:426px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:791px;top:45px;width:auto;height:178px;z-index:1;" scrollamount="3"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:278px;top:104px;width:auto;height:701px;z-index:1;" scrollamount="3"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:404px;top:69px;width:auto;height:211px;z-index:1;" scrollamount="2"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:331px;top:2px;width:auto;height:293px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:655px;top:89px;width:auto;height:399px;z-index:1;" scrollamount="7"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:813px;top:11px;width:auto;height:429px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:254px;top:109px;width:auto;height:146px;z-index:1;" scrollamount="7"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:616px;top:20px;width:auto;height:534px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:652px;top:42px;width:auto;height:410px;z-index:1;" scrollamount="1"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:707px;top:96px;width:auto;height:39px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:200px;top:76px;width:auto;height:137px;z-index:1;" scrollamount=""><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:309px;top:13px;width:auto;height:338px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:622px;top:107px;width:auto;height:676px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:149px;top:76px;width:auto;height:199px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee><marquee behavior="scroll" direction="down" style="position:absolute;border:0px;padding:0px;margin:0px;left:506px;top:77px;width:auto;height:344px;z-index:1;" scrollamount="5"><span class="falling1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt8DZ7Xwrx6mINKSlNsbdlLSX_9BPjRviFazApWMiZEUbWdwCIiHNrLqBRXYdh6896Qo7l1G0dKZqP31Eva4UlVsMI91MNuiPXlZhfvENT5aG1CpYkE-oANOUhqDYUYu95pyjddUyuiQg/"/></span></marquee>

* Hiệu ứng lá rơi:
<script language="JavaScript" src="https://sites.google.com/site/bloggertricksandtoolz/falling_leaveseffectbywww.bloggertricksandtoolz.com.js">
</script>

* Hiệu ứng tuyết rơi:
<script language="JavaScript" src="https://sites.google.com/site/bloggertricksandtoolz/snowstormeffectbywww.bloggertricksandtoolz.com.js">
</script>

* Hiệu ứng chim bay theo con trỏ chuột:
<script type='text/javascript'>
// <![CDATA[
var colour="black";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

* Hiệu ứng bông tuyết rơi:
<script language="JavaScript" src="https://sites.google.com/site/bloggertricksandtoolz/FallingSnowEffectbywww.bloggertricksandtoolz.com-falling_snowflakes.js">
</script>

Bạn cũng có thể góp nhiều hiệu ứng lại với nhau để tạo cho mình một Blog thật đẹp
Chúc vui
More about

TẠO KHUNG CHỨA CODE TRONG BÀI ĐĂNG

Người đăng: buonkhongem on Thứ Năm, 21 tháng 4, 2011

Đa phần các tiện ích dùng cho Blog đều sử dụng các mã code đặc thù riêng của nó, các mã code này đa số đều phức tạp và dài dòng, do đó nếu bạn thường xuyên chia sẻ các mã code này trên blog thì bạn nên gom nó vào khung chứa code riêng cách biệt với chữ viết trong bài đăng để cho thao tác copy của khách tham quan được thuận tiện hơn và ít nhầm lẫn hơn.
Bạn vẫn đăng bài như bình thường, đến đoạn nào bạn muốn chèn khung chứa code vào thì bạn bấm Enter để xuống dòng, sau đó bấm vào thẻ "chỉnh sửa HTML" trên góc phải của trang đăng bài để chuyển qua mã HTML.


 Sau đó bạn dán tất cả các code này vào phía dưới chữ </div>

<div style="border-right: gray 1px solid; padding-right: 4px; padding-left: 4px; font-size: 8pt; border-top: gray 1px solid; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, &#39;Courier New&#39;, courier, monospace; background-color: #f4f4f4">
  <pre style=
"padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">nội dung bạn muốn nhập</pre>
</div>

Sau khi dán tất cả các code trên vào phía dưới chữ </div>, bạn bấm lại vào thẻ "Viết" trên góc phải của trang đăng bài để quay lại bài viết như bình thường, bây giờ bạn sẽ thấy 1 ô nhỏ có chữ "nội dung bạn muốn nhập" trong một khung nhỏ, đến đây bạn có thể gõ các code mình muốn hiển thị vào ô nhỏ này là xong.
Bạn cũng có thể tạo khung với màu nền khác: màu nền xanh, màu nền đen
Chúc các bạn thành công.

More about

CÁC MẪU PHÂN TRANG CHO BLOG

Người đăng: buonkhongem

Trước đây tôi có giới thiệu bài "Phân trang cho Blog" (xem TẠI ĐÂY), ngoài ra còn các mẫu khác dưới đây, bạn thích cái nào thì copy code phía dưới và làm theo các bước tương tự.
Mẫu 1:



Mẫu 2:


Mẫu 3:



Mẫu 4:



Mẫu 5:



Mẫu 6:



Mẫu 7:





More about

TẠO LIÊN KẾT LOGO CHẠY NGANG

Người đăng: buonkhongem

Blog là nơi để các bạn có thể chia sẻ, trao lưu học hỏi kinh nghiệm với nhau qua các bài đăng và các comment. Để khách tham quan biết đến blog mình thì phương pháp hữu hiệu nhất là bạn phải liên kết với các blog khác có cùng mục đích có cùng chủ đề...
Khi liên kết Logo trên Blog của bạn quá nhiều nó sẽ làm tăng không gian đáng kể trên Blog, do đó để khắc phục điều này bạn nên tạo một hiệu ứng cho các Logo chạy ngang hoặc ẩn hiện trên Blog theo thời gian mình định trước. Điều này sẽ làm cho Blog bạn trông "Pro" hơn và đặc biệt sẽ làm cho khách dễ "bắt mắt" hơn. Trong giới hạn bài viết này tôi chỉ hướng dẫn logo chạy ngang, sau này sẽ giới thiệu tiếp cách làm logo thay đổi theo thời gian định trước
Đầu tiên, bạn đăng nhập blog, chọn Thiết kế > chọn Thêm tiện ích > Thêm HTML/Javacript, sau đó dán tất cả các code này vào

<div style="background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioiNjcLb6ZKddFHY1C_0KecvVOg2cujPEmSo_snWXzSuDjB6rUGCq9_uzUGSjw7JsWgCQvglsZTb3UWqjnsJaOTPAYOx75gXfoTeQQ0dKEHWchjWFpKU0ay1G__khGkKTgPmBtANn1DZxf/) no-repeat left; border-top:#999 1px solid; border-bottom:#999 1px solid; padding-left:19px;padding-right:2px;width:100%;">
<marquee onmouseout="this.start()" direction="left" behavior="50" scrollamount="5" height="60" onmouseover="this.stop()" scrolldelay="50" width="511">

<a href="http://dungheineken.blogspot.com/" target="blank" ><img style="width: 220px; height: 60px;" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfJUI_9n7K_bNTAf0Lclee5fY_Ax_7mpkQso5D5CsBg8Tpfbr_gUsEWPFZr0jinTtv1Ikwr3mf4OnmLNk6JpUZTeVIMMflNJZF_ktl-2kzrNXlD6DkXjog5GbyZ1NAzqQ8e8qhKtbb73ul/s1600/coollogo_com-21114715.gif" /></a>
<a href="URL liên kết 2" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 2" /></a>
<a href="URL liên kết 3" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 3" /></a>
<a href="URL liên kết 4" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 4" /></a>
<a href="UR Lliên kế 5" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 5" /></a>

</marquee></div>
Bạn thay đổi các code màu đỏ và màu xanh theo link ảnh và địa chỉ liên kết của bạn, bạn cũng có thể thay đổi tốc độ chạy, độ cao và độ dài của ảnh ở các thông số màu xanh, cuối cùng lưu lại và đặt tiện ích vào nơi bạn muốn nó hiển thị trên Blog.
Nếu muốn thêm liên kết bạn chỉ việc copy đoạn code này, thay đổi số thứ tự rồi dán tiếp tục phía dưới 

<a href="UR Lliên kế 5" target="blank" ><img style="width: 220px; height: 60px;" src="Link logo 5" /></a>
Thay đổi số 5 thành số 6 (cứ như vậy nếu có nhiều hơn)
Chúc các bạn thành công

More about

TIÊU ĐỀ BÀI ĐĂNG MỚI VỚI HIỆU ỨNG CHẠY NGANG

Người đăng: buonkhongem

Để cho khách tham quan thuận tiện lựa chọn bài để xem, bạn có thể tạo thanh tiêu đề các bài mới đăng trên Blog với hiệu ứng chạy từ phải sang trái hoặc ngược lại.
Đầu tiên bạn đăng nhập Blog, chọn Thiết kế > Thêm tiện ích > Thêm HTML/Javacript, sau đó dán toàn bộ code này vào:
<script style="text/javascript"
src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.js">  </script><script style="text/javascript"> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="•"; </script> <script style="text/javascript" src="http://dungheineken.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>
Bây giờ bạn thay thế code màu đỏ, "dungheineken.blogspot.com"  thành Link của blog mình là xong, sau đó lưu lại và vào blog xem kết quả.
Trên đây tiêu đề sẽ chạy từ trái sang phải, nếu bạn muốn nó chạy ngược lại từ phải sang trái thì thay từ "right" vào chỗ "left" ở trên. Bạn cũng có thể thay đổi số bài hiển thị bằng cách thay đổi số "15" ở trên thành số bài mà bạn muốn. Nếu muốn tốc độ chạy nhanh hơn hoặc chậm hơn bạn thay đổi số "175" thành số khác (số càng nhỏ tiêu đề chạy càng nhanh và ngược lại)
Mách nhỏ: Bạn nên để tiện ích này phía trên bài đăng trên Blog sẽ hợp lý hơn và trông đẹp hơn
Chúc bạn thành công
More about

PHÂN TRANG CHO BLOG

Người đăng: buonkhongem on Thứ Ba, 19 tháng 4, 2011



Để Blog của bạn "Pro" hơn, bạn nên phân trang cho blog theo các bước sau đây.
Đầu tiên, bạn đăng nhập vào blog, chọn thiết kế > Thêm tiện ích > thêm HTML/Javacript, sau đó dán toàn bộ các code này vào
<style>
.showpageArea {font-size: 16px; width:300px;background: url(http://thantoc.xm.com/hinh-anh/Pagenavbar-1.jpg) no-repeat left top; padding: 10px; color:#003366;text-align:center;
}
.showpageArea a {
color:#0F0;
text-decoration:underline;
}
.showpageNum a {

text-decoration:none;
color:#0F0; border:1px solid #FFF;
margin:0 10px;
padding:0 5px 0 8px;
}
.showpageNum a:hover {
color:#ffff00; border:1px solid #00ff00;
background-color:#FFF;
}
.showpagePoint {
color:#ffff00;
margin:0 8px 0 4px;
}
.showpage a {
text-decoration:none;
color:#FFF;
padding:0 2px 0 4px;
}
.showpage a:hover {
color:#ffff00;
text-decoration:underline;
} .showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#00ff00;
}
</style>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";   
    thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=5;
var displayPageNum=5;
var firstPageWord = 'Đầu';
var endPageWord = 'Cuối';
var upPageWord ='&#9668;';
var downPageWord ='&#9658;';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
  var timestamp = post.published.$t.substr(0,10);
  var title = post.title.$t;
  if(isLablePage){
    if(title!=''){
        if(post.category){
      for(var c=0, post_category; post_category = post.category[c]; c++) {
        if(encodeURIComponent(post_category.term)==thisLable){                     
          if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
            if(thisUrl.indexOf(timestamp)!=-1 ){
              thisNum = postNum;             
            }

            postNum++;
            htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
          }                
        }     
      }
    }//end if(post.category){

     itemCount++;
   }

  }else{
    if(title!=''){
      if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
        if(thisUrl.indexOf(timestamp)!=-1 ){
          thisNum = postNum;
        }

        if(title!='') postNum++;
        htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
      }     
    }
    itemCount++;
  }
}

for(var p =0;p< htmlMap.length;p++){
  if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
    if(fFlag ==0 && p == thisNum-2){
      if(thisNum==2){
        if(isLablePage){
          upPageHtml = labelHtml + upPageWord +'</a></span>';         
        }else{
          upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
        }
      }else{
        upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
      }

      fFlag++;
    }

    if(p==(thisNum-1)){
      html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
    }else{
      if(p==0){
        if(isLablePage){
          html = labelHtml+'1</a></span>';
        }else{
          html += '<span class="showpageNum"><a href="/">1</a></span>';         
        }
      }else{
        html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
      }
    }

    if(eFlag ==0 && p == thisNum){
      downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
      eFlag++;
    }
  }//end  if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
  if(!isLablePage){
      html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
  }else{
      html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
  }
}

  html = '<div class="showpageArea"><span >Trang '+thisNum+' / '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
  html += downPageHtml;
  html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
  html += '</div>';

  if(isPage || isFirstPage || isLablePage){
    var pageArea = document.getElementsByName("pageArea");
    var blogPager = document.getElementById("blog-pager");

    if(postNum <= 2){
        html ='';
    }

    for(var p =0;p< pageArea.length;p++){
      pageArea[p].innerHTML = html;
    }

    if(pageArea&&pageArea.length>0){
      html ='';
    }

    if(blogPager){
      blogPager.innerHTML = html;
    }
  }

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>


<style type=”text/css”>
.showpageArea {padding: 10px; color:#003366;text-align:left;width:530px;
}
.showpageArea a {
float:left;
text-align:center;
display:block;
margin:0 5px;
color:#333;
}
.showpageArea a:hover {
color:#333;
margin:0 5px;
}
.showpageNum a { background: url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif’) no-repeat 0 0;
width:37px;
height:42px;
display:block;
text-align:center;
float:left;
margin:0 5px;
padding-top:6px;
text-decoration:none;
color:#333;
}
.showpageNum a:hover { background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif‘) no-repeat 0 100%;
color:#FFF;
}
.showpagePoint {background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif‘) no-repeat 0 100%;
width:37px;
height:42px;
display:block;
float:left;
text-align:center;
margin:0 5px;
padding-top:6px;
font-weight:bold;
color:#FFF;
}
.showpageNum a:link, .showpage a:link {
text-decoration:none;
color:#cc0000;
}
.showpageupPageWord a { float:left;
background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/nextbutton.gif‘) no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
font: bold 1.0em Arial,Helvetica,sans-serif;
display:block;
margin:0 5px;
padding-top:6px;
color:#333;
}
.showpageupPageWord a:hover { float:left;
background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/provup.png‘) no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
font: bold 1.0em Arial,Helvetica,sans-serif;
display:block;
margin:0 5px;
padding-top:6px;
color:#FFF;
}
.showpagedownPageWord a { float:left;
background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/backbutton.gif‘) no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
font: bold 1.0em Arial,Helvetica,sans-serif;
display:block;
margin:0 5px;
padding-top:6px;
color:#333;
}
.showpagedownPageWord a:hover { float:left;
background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/nextup.png‘) no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
font: bold 1.0em Arial,Helvetica,sans-serif;
display:block;
margin:0 5px;
padding-top:6px;
color:#FFF;
}
.pagenextprov {
text-align: center;
}
</style>
<div class='pagenextprov'>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=2;
var firstPageWord = 'First';
var endPageWord = 'last';
var upPageWord ='Back';
var downPageWord ='Next';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&amp;max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&amp;max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&amp;max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) &amp;&amp; p<(thisNum+displayPageNum)){
if(fFlag ==0 &amp;&amp; p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpageupPageWord"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpageupPageWord"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 &amp;&amp; p == thisNum){
downPageHtml = '<span class="showpagedownPageWord"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end  if(p>=(thisNum-displayPageNum-1) &amp;&amp; p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span  class="showpage"> Total '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;

}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&amp;&amp;pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999" type="text/javascript"></script>
</div>
 Sau khi dán xong bạn lưu lại vào kéo tiện ích này nằm phía dưới bài đăng thì mới có hiệu lực.
Ngoài ra còn các mẫu khác mời bạn xem thêm TẠI ĐÂY

More about