Sao rơi cho blogspot [ Pro lắm ]

(Traidatmui.com) - Như các bạn biết với thuộc tính MARQUEE thì bạn có thể điều chỉnh hướng cho text hay hình ảnh chạy với nhiều kiểu đa dạng như trên xuống, dưới lên, chạy ngang, chạy dọc... Thông thường thì các kiểu chạy được áp dụng một cách riêng lẻ, nhưng bạn có nghĩ đến việc kết hợp chúng lại không? Hôm nay mình xin chia sẻ đến các bạn cách để làm các ngôi sao chiếu sáng rơi xuống trên blog với lệnh MARQUEE.

1. Đăng nhập vào tái khoản Blogger
2. Vào thiết kế (Design)
3. Chọn thêm tiện ích (Add a Gadget)
4. Thêm 1 HTML/Javascript và dán vào code bên dướ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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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=""><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></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"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtX4xkuvsMcncfyDVh35a4RWYu_x0bZv-krcvbVDTmsfZahKKOvf-4oNkyW4-OfRBo3Z8M8MkqNPe9qB0hVIKzTkQeJFkrtX5CsyaN5tvjkByKwKvJ3RdFpeqkzJQWSDlH1LJFyPcPNYGX/"/></marquee>

Ở trên mình sử dụng ảnh ngôi sao, bạn cũng có thể thay đổi bằng những ảnh khác (thay link màu đỏ trong code). Ngoài ra bạn có thể thêm nhiều ảnh hơn và dựa vào các lệnh như cách trên (top), cách trái (left), độ cao (height)... để tùy chỉnh vị trí các ảnh và độ cao ảnh rơi.

5. Sau khi chỉnh sửa xong save tiện ích lại