Tạo chữ chạy cho BLogspot

Bạn từng thấy rất nhiều blogger hiện nay sử dụng các kiểu chữ chạy trên blog nhìn khá bắt mắt và chuyên nghiệp. Thật ra cơ chế tạo chữ chạy của các trang web đó rất đơn giản. Họ chỉ cần tùy biến thẻ <marquee> ... </marquee> chứa các dòng, đoạn chữ mà bạn cần chạy. Bài viết này namkna sẽ hướng dẫn các bạn chi tiết cách tùy biến và tạo chữ chạy với các kiểu đẹp cho blogger của bạn.

» Sau đây mình sẽ hướng dẫn chi tiết và cụ thể từng bước để làm các thủ thuật này các bạn chú ý và làm theo hướng dẫn nha:

Bạn có thể thêm vào một tiện ích HTML/Javascripts hoặc thêm vào phần HTML của bài viết tùy ý muốn và cách sử dụng của mỗi người;

1. Tạo một dòng chữ chạy đơn giản:

 Đây là cách tạo một dòng chữ chạy đơn giản nhất bởi nó chưa hề được tùy biến gì tất cả chỉ là sơ khai:

<MARQUEE> Dòng chữ chạy </MARQUEE>

Kết quả hiện thị bạn sẽ được như sau: Dòng chữ chạy

2. Tạo dòng chữ chạy có định dạng

Bao gồm các kiểu định dạng như: kiểu chữ, font chữ, kích thước chữ, màu sắc,... Thậm chí bao gồm cả liên kết và hình ảnh....

» Mã in nghiêng và kèm theo một liên kết:

<MARQUEE> <span style="font-style:italic;">Chào mừng bạn đến với <a href="http://namkna.blogspot.com/" target="_blank">Namkna!</a> </span></MARQUEE>

Kết quả hiển thị: 

Chào mừng bạn đến với Namkna!

» Kích thước chữ:

<MARQUEE> <span style="font-size:180%;">Chào mừng bạn đến với<a href="http://namkna.blogspot.com/" target="_blank">Thủ Thuật Cho Blogger!</a> </span> </MARQUEE>

Kết quản hiển thị:

Chào mừng bạn đến vớiThủ Thuật Cho Blogger!

» Có chữ hay hình ảnh cùng chạy:

<marquee> Chào mừng bạn đến với <a href="http://namkna.blogspot.com/" target="_blank">Namkna </a> <img border="0" src="http://namkna.blogspot.com/favicon.ico" /> </marquee>

Kêt quả hiển thị:
Chào mừng bạn đến với Namkna 

3. Định kích thước hiển thị MARQUEE trên trang

<MARQUEE WIDTH="20%">Chào mừng bạn đến với namkna</MARQUEE>

Với WIDTH="20%" (chiều rộng) thì dòng chữ chạy chỉ xuất hiện trong khoảng 20% kích thước màn hình.
Kết quả hiển thị:
Chào mừng bạn đến với namkna

Chào mừng bạn đến vớiThủ Thuật Cho Blogger!

» Chiều chạy

<MARQUEE DIRECTION="LEFT">Chào mừng bạn đến với namkna</MARQUEE>

Bạn có thể thay LEFT bằng RIGHT, UP và DOWN nếu bạn muốn chiều chạy lần lượt từ bên phải qua, dưới lên và trên xuống

Kết quả
DIRECTION="LEFT"
Chào mừng bạn đến với namkna
DIRECTION="RIGHT"
Chào mừng bạn đến với namkna
DIRECTION="UP"
Chào mừng bạn đến với namkna
DIRECTION="DOWN"
Chào mừng bạn đến với namkna

4. Cách "chạy":

<MARQUEE BEHAVIOR="SCROLL">Chào mừng bạn đến với Namkna</MARQUEE>

Như mặc định, dòng chữ chạy này sẽ xuất hiện từ bên trái, và lập đi lập lại. Nếu bạn muốn chỉ "chạy" một lần từ bên trái qua hãy thay SCROLL bằng SLIDE, hoặc ALTERNATE chạy qua lại.
Kết quả hiển thị:
BEHAVIOR="SCROLL"
Chào mừng bạn đến với Namkna
BEHAVIOR="SLIDE"
Chào mừng bạn đến với Namkna
BEHAVIOR="ALTERNATE"
Chào mừng bạn đến với Namkna

5. Thời gian trễ

<MARQUEE SCROLLDELAY=200>Chào mừng bạn đến với Namkna</MARQUEE>

Ở đây thời gian trễ tính bằng mili giây (1 miligiây=1/1000 giây). Tôi chọn 200, nghĩa là thời gian trễ bằng 200/1000=0,2 giây
Kết quả hiển thị:
Chào mừng bạn đến với Namkna
Hãy so sánh:

Không có thời gian trễ
Chào mừng bạn đến với Namkna
SCROLLDELAY="100"
Chào mừng bạn đến với Namkna
SCROLLDELAY="1000"
Chào mừng bạn đến với Namkna
SCROLLDELAY="2000"
Chào mừng bạn đến với Namkna

6. Số lần lặp

<MARQUEE LOOP=10>Chào mừng bạn đến với namkna.blogspot</MARQUEE>

Nếu bạn muốn số lần lặp lại cụ thể, hay thay 10 bằng con số khác. Sau lần lặp cuối dòng chữ sẽ biến mất.

7. Bước "nhảy":

<MARQUEE SCROLLAMOUNT=30>Chào mừng bạn đến với namkna</MARQUEE>

30 ở đây là số pixel (số điểm ảnh) trên màn hình của bạn. Mỗi lần xuất hiện dòng chữ sẽ "nhảy" một bước cách điểm trước đó 30 pixel. bạn có thể thay số 30 = số khác 
Kết quả
Chào mừng bạn đến với namkna

8. Màu nền

<MARQUEE BGCOLOR=ORANGE>Chào mừng bạn đến với Namkna</MARQUEE>

- Thay ORANGE bằng các từ khác để được màu theo ý muốn của bạn. Ví dụ: RED (đỏ), BLUE (xanh da trời), GREEN (xanh lá cây), PINK (hồng), YELLOW (vàng), VIOLET (tím), BLACK (đen)....
Kết quả: