18/02/2012

Tạo thanh cuộn trong blogspot



Đây là một thủ thuật khá là đơn giản để áp dụng cho blogspot. Tuy nhiên, vẫn có những bạn mới nhập môn nên có thể chưa biết, nên hôm nay mình viết bài này mong rằng nó có ích cho các bạn.
Để làm được như vậy bạn thực hiện như sau:
- Thêm tiện ích -> HTML/Javascript
- Copy đoạn code sau vào rồi chỉnh sửa theo ý mình
- Di chuyển tiện ích tới nơi muốn hiển thị trên blog rồi save lại.
<div class="widget-content">
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 300px; height: 100px; text-align: left;">

nội dung muốn thêm

</div>
</div>

- Ngoài ra, nếu bạn muốn nội dung bên trong tự động chạy thì có thể thêm như sau:

<div class="widget-content">
<div style="border: 0px solid rgb(210, 210, 210); overflow: auto; width: 300px; height: 100px; text-align: left;">

<marquee direction="up" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center">

nội dung muốn thêm

</marquee>
</div>
</div>

Trong đó cần quan tâm đến dòng direction="up" nếu bạn muốn nội dung chạy từ trên xuống hay sang trái, phải thì thay up thành các giá trị: down, left, right. scrollamount="2" là tốc độ chạy.
Chúc bạn thành công.

0 nhận xét:

Đăng nhận xét

Related Posts Plugin for WordPress, Blogger...
 
Copyright © 2010-2012 CON CUA BIEN. All rights reserved.