Chào mừng bạn đến với Xuan Loc Blog

Thứ Sáu, 17 tháng 1, 2014

Tạo chữ chạy cho BLogspot

Tạo chữ chạy cho BLogspot

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 Xuanloc 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:
Tạo chữ chạy cho BLogspot
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">Xuan Loc Blog!</a> </span></MARQUEE>
Kết quả hiển thị: Chào mừng bạn đến với Xuan Loc Blog!

» 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://xuanloctran.blogspot.com/" target="_blank">Xuan Loc Blog </a> <img border="0" src="http://xuanloctran.blogspot.com/favicon.ico" /> </marquee>
Kêt quả hiển thị:
Chào mừng bạn đến với Xuan Loc Blog 

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 Xuan Loc Blog </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 Xuan Loc BlogChà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 Xuan Loc Blog</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 Xuan Loc BlogBEHAVIOR="SLIDE"
Chào mừng bạn đến với Xuan Loc BlogBEHAVIOR="ALTERNATE"
Chào mừng bạn đến với Xuan Loc Blog

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 Xuan Loc Blog</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 Xuan Loc Blog

8. Màu nền

<MARQUEE BGCOLOR="ORANGE">Chào mừng bạn đến với Xuan Loc Blog</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ả:
Chào mừng bạn đến với Xuan Loc Blog
- Cuối cùng Trong quá trình áp dụng nếu gặp bất kỳ khó khăn gì hãy comment ở bên dưới để mình hỗ trợ trực tiếp nha.

0 nhận xét :

Đăng nhận xét

 
Chào mừng bạn đến với Xuan Loc Blog