Top 5 tiện ích giúp blogspot cực chuyên nghiệp
Tiện Ích Blogspot
 |
| tiện ích blogspot ( nguồn sirikover207 ) |
Nếu những bài viết là món ăn, thì các tiện ích chính là giá vị - SIRIKOVER207
Trong bài viết này, mình sẽ hướng dẫn các bạn về các tiện ích cũng vô cùng " hay ho và thú vị" không kém!
I. Hiệu ứng chữ chạy trên blogspot.
Đây là một tiện ích rất hữu dụng, bạn có thể dùng nó để làm thành thông báo, cảnh báo cho người dùng khi truy cập blog của bạn hay đơn giản chỉ là để trang trí cho blog của bạn thôi!
Dưới đây là tổng hợp các đoạn mã dùng để tạo các kiểu chữ chạy khác nhau trên web/blog.Cách chèn: thông thường bạn có thể chèn vào bất cứ vị trí nào trong blog ( thường sau các thẻ </b:section> ) nhưng để dễ dàng và hợp mắt người xem thì tốt nhất cứ chèn vào trước thẻ </head> ( ấn ctrl+F trên máy tính để tìm ) nó sẽ hiện thông báo lên đầu trang!Lưu ý quan trọng: Bạn nên thay "SIRKIK OVER 207" thành nội dung mà bạn muốn hiện thị!
1. Chữ chạy ngang từ phải qua tráiĐây là đoạn mã cơ bản nhất, bạn chỉ việc để dòng chữ cần cho chạy vào giữa 2 thẻ <marquee> là được.Đoạn mã:<marquee>SIRKIK OVER 207</marquee>2. Chữ chạy ngang từ trái qua phải:<marquee direction="right">SIRKIK OVER 207</marquee>3. Chữ chạy từ trên xuống dưới:<marquee direction="down">SIRKIK OVER 207</marquee>
4. Chữ chạy từ dưới lên trên:<marquee direction="up">SIRKIK OVER 207</marquee>
5. Chữ chạy qua lại:<marquee behavior="alternate">SIRKIK OVER 207</marquee>Giải thích thuộc tính:
• alternate : Trong trường hợp này, alternate là thuộc tính chạy qua lại của chữ trong khung. Nghĩa là khi chữ trong khung chạy đến và chạm lề phải thì nó sẽ chạy quay ngược lại chạm lề trái thành một vòng lặp. Trong tiếng anh alternate có nghĩa là Luân phiên.
6. Chữ đứng, mũi tên 2 bên chạy ra vào:<marquee behavior="alternate" width="10%">>></marquee>SIRKIK OVER 207<marquee behavior="alternate" width="10%"><< </marquee>Giải thích các thuộc tính :
7. Chữ chạy có màu nền:<font ><marquee direction="left" style="background:orange">SIRKIK OVER 207</marquee></font>Giải thích các thuộc tính:
• direction="left" Trong trường hợp này, direction là thuộc tính chỉ hướng chạy của chữ, vì giá trị của thuộc tính là left nên hướng di chuyển là từ trái sang phải. Muốn thay đổi thuộc tính thì bạn sẽ thay đổi left thành right, lúc này hướng di chuyển sẽ là từ phải qua trái.
• background:orange Trong trường hợp này, background là thuộc tính chỉ màu nền của chữ, vì giá trị của thuộc tính là orange nên màu nền là màu cam. Muốn thay đổi thuộc tính thì bạn sẽ thay đổi orange thành các giá trị màu sắc khác có trong bảng màu ở đây:
Bảng màu tiếng anh ( nguồn: Blog màu sắc ) 8. Chữ chạy có khung xung quanh:<marquee style="border:blue 2px SOLID">VƯƠNG VIẾT ĐẠT</marquee>Giải thích các thuộc tính:
• border:blue Trong trường hợp này, border là thuộc tính chỉ màu sắc của khung chữ, vì giá của thuộc tính là blue nên màu khung chữ là màu xanh nước biển. Muốn thay đổi thì bạn sẽ thay đổi blue thành các giá trị màu sắc khác có trong bảng màu ở mục 7.
•2px :Trong trường hợp này, đây là giá trị độ dày của khung chữ, giá trị càng lớn thì khủng càng dày. Muốn thay đổi thì bạn sẽ thay đổi giá trị của 2px thành các giá trị khác (vd: 1px,3px ... ). Lưu ý: ngoài px, bạn còn có thể sử dụng các đơn vị phức tạp hơn như : %, em ...
