"Tạo ngôi sao rơi trên Blogspot"

(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>

Ở 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

Xem khác cùng chủ đề

8 nhận xét | Viết lời bình

4/08/2011 01:18:00 SA Trả lời

đẹp nhỉ!

Admin
4/08/2011 06:50:00 SA Trả lời

Nếu bạn khéo léo kết hợp các ảnh trên nó sẽ càng đẹp hơn đấy! ;)

5/14/2011 10:27:00 SA Trả lời

Rất đẹp, nhưng có vẻ làm site load chậm hơn lleu

Admin
5/14/2011 07:58:00 CH Trả lời

Nó không ảnh hưởng nhiều đâu bạn vì dung lượng ảnh cũng không lớn lắm. ;)

5/14/2011 09:36:00 CH Trả lời

thủ thuật này "sến" như con hến Cuoilon

10/15/2011 01:00:00 SA Trả lời

sao hieu ung nay ko ko het ca trang blog vay lam cach nao vay chi em cach di cam on anh nhe

Admin
10/15/2011 01:23:00 SA Trả lời

@ binhminhcoem: Em tùy chỉnh các thuộc tính:

left: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.

7/24/2015 02:21:00 SA Trả lời

Bạn ơi bên mình có dịch vụ Đăng tin tự động lên groups trên facebook miễn phí bạn xem qua nhé. miễn phí 100%
Ngoài ra các bạn có thể đọc tin tức tại Kênh tin tức giải trí yeubao.com
Các bạn có thể truy cập link sau để xem thông tin công nghệ
Khoinguoncongnghe.net | kênh thông tin dành cho tín đồ công nghê
cám ơn bạn đã đọc
đăng tin tự động trên facebook miễn phí 100% xem tại Đăng tin tự động lên groups trên facebook miễn phí
xem thủ thuật blogspot, thủ thuật blogger, thủ thuật facebook tại thủ thuật tổng hợp facebook, blogger,coputuer
xem tin tức giới trẻ, các tin nổi bật tin tức nổi bật, tin sao, tin giới trẻ, đời sống xã hội
xem thong tin giải trí, cung hoàng đạo, tại bí mật 12 chòm sao,tâm sự,blog tâm sự

giải trí thư giã relax giải trí thư giãn relax
khám phá du lịch, bi ẩn khám phá du lịch, bí ẩn
kho video giải trí khổng lồ video đời sống xã hội, video giải trí
khởi nguồn công nghệ, xem tin tức công nghệ, tin tức internet
tin tức internet
Tin tức itc , tin tức technogoy tin tức ict

Khám phá công nghệ
khám phá

Thủ thuật công nghê thủ thuật công nghệ, tips





Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang