Tạo ngôi sao rơi trên Blogspot
Điểm 4.6/5 dựa vào 87 đánh giá
(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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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://lh3.googleusercontent.com/_BTztXRwC9ik/TXMPGEKDIYI/AAAAAAAAHUE/3o5NGEwtGDk/star.gif"/></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
Chúc bạn thành công
Chuyên mục:
Blogspot nâng cao
![Phim Khúc Ca Cho Tình Nhân [32/32 Tập] Trọn Bộ Online](http://1.bp.blogspot.com/-0lPFnc_UVq0/TrVDZU6vbcI/AAAAAAAABUU/TTJlcT09M3U/s72-c/Khuc-ca-cho-tinh-nhan.jpg "Phim Khúc Ca Cho Tình Nhân [32/32 Tập] Trọn Bộ Online")
đẹp nhỉ!
Trả lờiXóaNếu bạn khéo léo kết hợp các ảnh trên nó sẽ càng đẹp hơn đấy! ;)
Trả lờiXóaRất đẹp, nhưng có vẻ làm site load chậm hơn lleu
Trả lờiXóaNó không ảnh hưởng nhiều đâu bạn vì dung lượng ảnh cũng không lớn lắm. ;)
Trả lờiXóathủ thuật này "sến" như con hến Cuoilon
Trả lờiXóasao hieu ung nay ko ko het ca trang blog vay lam cach nao vay chi em cach di cam on anh nhe
Trả lờiXóa@ binhminhcoem: Em tùy chỉnh các thuộc tính:
Trả lờiXóaleft:608px; khoảng cách lề trái
top:78px; khoảng cách trên
width:auto; độ rộng nếu chạy ngang
height:125px; chiều cao của sao rơi, nó sẽ rơi tới độ cao này sẽ biến mất
trong thẻ marquee lại cho phù hợp với trang blog em.