Chia sẻ thủ thuật blogspot - blogger

luat1x1

10/22/2011

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://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

Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2011 Luat1x1
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top