Các Bạn Vui Lòng Chờ Trong Giây Lát Đang tải dữ liệu Từ ITnguyenHuy...
Thứ Hai, 24 tháng 9, 2012 - 0 nhận xét

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


"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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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/AVvXsEjt51WsuavUy0x-smDDtHSehb1OMba6-Kn_nM54YETlbhGh5iCTQGGLE8zDSwi2XsNjz3chjdTJe56v91ePXL5FcpYAeJ5IBe7H9socheKxw9df1WAXGFK7rlSSlAONTs6WP14Vqi4CcP_Q/"/></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


Nguồn: TRAIDATMUI.com

0 nhận xét:

Đăng nhận xét

Liên Hệ Email

Bắc
Trung
Nam
piano
Guita
trống

* Required Create Email Forms

Recent Posts

Danh Mục Bài Viết!!!